Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Flat Color Icons · FcDisclaimer

Disclaimer icon

A free disclaimer icon from Flat Color Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License: MIT license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/flat-color/disclaimer.json

components/icons/flat-color-disclaimer.tsx

import * as React from "react";

/**
 * Disclaimer from Flat Color Icons (https://github.com/icons8/flat-color-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/flat-color/disclaimer. Sized in em, colored by currentColor.
 */
export function FcDisclaimerIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1"
      viewBox="0 0 48 48"
      enableBackground="new 0 0 48 48"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g fill="#FFCC80">
        <path d="M13,22H8v-8.5c0-1.4,1.1-2.5,2.5-2.5h0c1.4,0,2.5,1.1,2.5,2.5V22z" />
        <path d="M20,22h-5V7.5C15,6.1,16.1,5,17.5,5h0C18.9,5,20,6.1,20,7.5V22z" />
        <path d="M27,22h-5V5.5C22,4.1,23.1,3,24.5,3h0C25.9,3,27,4.1,27,5.5V22z" />
        <path d="M34,22h-5V8.5C29,7.1,30.1,6,31.5,6h0C32.9,6,34,7.1,34,8.5V22z" />
        <path d="M32.1,43L27.1,38l10-10c1.4-1.4,3.6-1.4,4.9,0l0,0c1.4,1.4,1.4,3.6,0,4.9L32.1,43z" />
        <path
          d="M29,21c0,0.6-0.4,1-1,1s-1-0.4-1-1h-5c0,0.6-0.4,1-1,1s-1-0.4-1-1h-5c0,0.6-0.4,1-1,1s-1-0.4-1-1H8v16 c0,4.4,3.6,8,8,8h11.2c3.7,0,6.8-3,6.8-6.8V21H29z"
        />
      </g>
      <g fill="#F44336">
        <rect
          x="20.2"
          y="25.5"
          transform="matrix(.707 -.707 .707 .707 -16.897 25.224)"
          width="3.5"
          height="15"
        />
        <rect
          x="20.2"
          y="25.6"
          transform="matrix(.707 .707 -.707 .707 29.811 -5.877)"
          width="3.5"
          height="15"
        />
      </g>
    </svg>
  );
}

With react-icons

import { FcDisclaimer } from "react-icons/fc";

export function Example() {
  return <FcDisclaimer className="size-5" />;
}

disclaimer.svg

<svg
  version="1"
  viewBox="0 0 48 48"
  enable-background="new 0 0 48 48"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <g fill="#FFCC80">
    <path d="M13,22H8v-8.5c0-1.4,1.1-2.5,2.5-2.5h0c1.4,0,2.5,1.1,2.5,2.5V22z" />
    <path d="M20,22h-5V7.5C15,6.1,16.1,5,17.5,5h0C18.9,5,20,6.1,20,7.5V22z" />
    <path d="M27,22h-5V5.5C22,4.1,23.1,3,24.5,3h0C25.9,3,27,4.1,27,5.5V22z" />
    <path d="M34,22h-5V8.5C29,7.1,30.1,6,31.5,6h0C32.9,6,34,7.1,34,8.5V22z" />
    <path d="M32.1,43L27.1,38l10-10c1.4-1.4,3.6-1.4,4.9,0l0,0c1.4,1.4,1.4,3.6,0,4.9L32.1,43z" />
    <path
      d="M29,21c0,0.6-0.4,1-1,1s-1-0.4-1-1h-5c0,0.6-0.4,1-1,1s-1-0.4-1-1h-5c0,0.6-0.4,1-1,1s-1-0.4-1-1H8v16 c0,4.4,3.6,8,8,8h11.2c3.7,0,6.8-3,6.8-6.8V21H29z"
    />
  </g>
  <g fill="#F44336">
    <rect
      x="20.2"
      y="25.5"
      transform="matrix(.707 -.707 .707 .707 -16.897 25.224)"
      width="3.5"
      height="15"
    />
    <rect
      x="20.2"
      y="25.6"
      transform="matrix(.707 .707 -.707 .707 29.811 -5.877)"
      width="3.5"
      height="15"
    />
  </g>
</svg>

Attribution

"Disclaimer" icon from Flat Color Icons (https://github.com/icons8/flat-color-icons), licensed under MIT license.

Similar Flat Color Icons icons