next-icons-logoNext IconsAll Icons
export type IconProps = {
  size?: number | string;
  color?: string;
  className?: string;
} & React.SVGProps<SVGSVGElement>;

export const ColorFillIcon = ({
  size = 24,
  color = "currentColor",
  className,
  ...props
}: IconProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    width={size}
    height={size}
    fill={color}
    className={className}
    {...props}
  >
      <path d="m20,14c-.09.07-2,2.08-2,3.5,0,1.49.95,2.45,2,2.5.91.04,2-.89,2-2.5,0-1.5-1.91-3.43-2-3.5Z" />
      <path d="m4,14.41l5.59,5.59c.39.39.9.58,1.41.58s1.02-.2,1.41-.58l6.29-6.29c.39-.39.39-1.02,0-1.41l-7-7-3-3-1.41,1.41,2.29,2.29-5.59,5.59c-.78.78-.78,2.05,0,2.83Zm7-7l5.59,5.59-5.58,5.59-5.59-5.59,5.59-5.59Z" />
  </svg>
);

Icon

ColorFill

Category

activity

Use case

Use this icon in navbar items, social link groups, profile actions, settings rows, and call-to-action buttons.

Size

48px

Color

#18181b

Related activity icons

BanBookmarkCopyCropCutDislikeEditErase