Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaSwatchbookSolid

Swatchbook Solid icon

A free swatchbook solid icon from Icons8 Line Awesome, 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
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/swatchbook-solid.json
components/icons/line-awesome-swatchbook-solid.tsx
import * as React from "react";

/**
 * Swatchbook Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/swatchbook-solid. Sized in em, colored by currentColor.
 */
export function LiaSwatchbookSolidIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 5 5 L 5 23 C 5 25.206 6.794 27 9 27 C 11.206 27 13 25.206 13 23 L 13 5 L 5 5 z M 7 7 L 11 7 L 11 11 L 7 11 L 7 7 z M 18.900391 7.4433594 L 14.501953 11.84375 L 14.501953 14.669922 L 18.898438 10.271484 L 21.728516 13.099609 L 14.5 20.328125 L 14.5 23 C 14.5 23.056 14.493188 23.108062 14.492188 23.164062 L 24.556641 13.101562 L 18.900391 7.4433594 z M 7 13 L 11 13 L 11 17 L 7 17 L 7 13 z M 7 19 L 11 19 L 11 23 C 11 24.103 10.103 25 9 25 C 7.897 25 7 24.103 7 23 L 7 19 z M 20.777344 19 L 18.777344 21 L 25 21 L 25 25 L 14.777344 25 L 12.888672 26.888672 C 12.846672 26.930672 12.796906 26.96 12.753906 27 L 27 27 L 27 19 L 20.777344 19 z"
      />
    </svg>
  );
}
With react-icons
import { LiaSwatchbookSolid } from "react-icons/lia";

export function Example() {
  return <LiaSwatchbookSolid className="size-5" />;
}
swatchbook-solid.svg
<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 5 5 L 5 23 C 5 25.206 6.794 27 9 27 C 11.206 27 13 25.206 13 23 L 13 5 L 5 5 z M 7 7 L 11 7 L 11 11 L 7 11 L 7 7 z M 18.900391 7.4433594 L 14.501953 11.84375 L 14.501953 14.669922 L 18.898438 10.271484 L 21.728516 13.099609 L 14.5 20.328125 L 14.5 23 C 14.5 23.056 14.493188 23.108062 14.492188 23.164062 L 24.556641 13.101562 L 18.900391 7.4433594 z M 7 13 L 11 13 L 11 17 L 7 17 L 7 13 z M 7 19 L 11 19 L 11 23 C 11 24.103 10.103 25 9 25 C 7.897 25 7 24.103 7 23 L 7 19 z M 20.777344 19 L 18.777344 21 L 25 21 L 25 25 L 14.777344 25 L 12.888672 26.888672 C 12.846672 26.930672 12.796906 26.96 12.753906 27 L 27 27 L 27 19 L 20.777344 19 z"
  />
</svg>
Attribution
"Swatchbook Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons: