Flat Color Icons · Color

flat-color-icons:cancel

Flat Color Icons are small multi-color pictures rather than single-color strokes. License: MIT.

License: MIT · /r/flat-color-icons/cancel.json

Redistribution follows that set’s license. Brand marks can have extra trademark limits.

React

import type { SVGProps } from 'react';

export function Cancel(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48"><path fill="#D50000" d="M24 6C14.1 6 6 14.1 6 24s8.1 18 18 18s18-8.1 18-18S33.9 6 24 6m0 4c3.1 0 6 1.1 8.4 2.8L12.8 32.4C11.1 30 10 27.1 10 24c0-7.7 6.3-14 14-14m0 28c-3.1 0-6-1.1-8.4-2.8l19.6-19.6C36.9 18 38 20.9 38 24c0 7.7-6.3 14-14 14"/></svg>
  );
}

Flat Color Icons icon

Flat Color Icons

Flat Color Icons

flat-color-icons