Hover the icon or press Play. Suggested motion: grow. Pick another to preview it and update the animated code:
Graphite Editor icon
A free graphite editor icon from Simple 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
- CC0 1.0 Universal license
- Project
- simpleicons.org
npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-icons/graphite-editor.jsonimport * as React from "react";
/**
* Graphite Editor from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
* Via Cuelark UI: ui.cuelark.com/icons/simple-icons/graphite-editor. Sized in em, colored by currentColor.
*/
export function SiGraphiteEditorIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
role="img"
viewBox="0 0 24 24"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="m7.738 15.97-3.5-6.06c-.15-.23-.08-.54.15-.69s.54-.08.69.15c.01.01.02.03.02.04l3.5 6.06c.15.23.08.54-.15.69s-.54.08-.69-.15a.1.1 0 0 1-.02-.04m15.82 5.93c.03.3-.08.6-.31.81-.42.51-2.24.89-3.61 1.08-.91.13-1.83.2-2.75.21-.86-.01-2.06-.23-3.2-.3-1.61-.1-6.94-.3-8.78-.29-2.06.01-2.47-.11-2.82-.41-.14-.11 1.03-.7 3.5-.9 6.02-.49 11.33-.55 13.14-.46.73.04 1.45.17 2.15.38l-3.86-2.77c-.32.21-.7.33-1.08.33h-9c-.71 0-1.37-.38-1.73-1l-4.5-7.79c-.36-.62-.36-1.38 0-2L5.208 1c.35-.62 1.01-1 1.73-1h9c.71 0 1.38.38 1.73 1l3.32 5.75 1.18 2.04.01.02c0 .01.01.02.01.02q.21.375.24.81c0 .05 1.03 11.25 1.12 12.19zM6.518 2.73l5.61 9.72c.7-.17 1.42-.26 2.14-.25l1.48-2.01 2.48-.28c.36-.63.79-1.21 1.29-1.73l-3.33-5.76a1 1 0 0 0-.75-.43h-8c-.3.02-.58.18-.75.43zm8.18 14.86-3.1-2.22a1 1 0 0 1-.28-.31L5.358 4.73l-2.67 4.63c-.14.27-.14.59 0 .87l4 6.93c.17.26.45.42.75.43zm6.38-.43-.7-7.09c-.44.48-.83 1.01-1.15 1.58l-2.48.28-1.48 2.01c-.65 0-1.31.07-1.94.21l5.79 4.15a1.91 1.91 0 0 1 1.96-1.14"
/>
</svg>
);
}import { SiGraphiteEditor } from "react-icons/si";
export function Example() {
return <SiGraphiteEditor className="size-5" />;
}<svg
role="img"
viewBox="0 0 24 24"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="m7.738 15.97-3.5-6.06c-.15-.23-.08-.54.15-.69s.54-.08.69.15c.01.01.02.03.02.04l3.5 6.06c.15.23.08.54-.15.69s-.54.08-.69-.15a.1.1 0 0 1-.02-.04m15.82 5.93c.03.3-.08.6-.31.81-.42.51-2.24.89-3.61 1.08-.91.13-1.83.2-2.75.21-.86-.01-2.06-.23-3.2-.3-1.61-.1-6.94-.3-8.78-.29-2.06.01-2.47-.11-2.82-.41-.14-.11 1.03-.7 3.5-.9 6.02-.49 11.33-.55 13.14-.46.73.04 1.45.17 2.15.38l-3.86-2.77c-.32.21-.7.33-1.08.33h-9c-.71 0-1.37-.38-1.73-1l-4.5-7.79c-.36-.62-.36-1.38 0-2L5.208 1c.35-.62 1.01-1 1.73-1h9c.71 0 1.38.38 1.73 1l3.32 5.75 1.18 2.04.01.02c0 .01.01.02.01.02q.21.375.24.81c0 .05 1.03 11.25 1.12 12.19zM6.518 2.73l5.61 9.72c.7-.17 1.42-.26 2.14-.25l1.48-2.01 2.48-.28c.36-.63.79-1.21 1.29-1.73l-3.33-5.76a1 1 0 0 0-.75-.43h-8c-.3.02-.58.18-.75.43zm8.18 14.86-3.1-2.22a1 1 0 0 1-.28-.31L5.358 4.73l-2.67 4.63c-.14.27-.14.59 0 .87l4 6.93c.17.26.45.42.75.43zm6.38-.43-.7-7.09c-.44.48-.83 1.01-1.15 1.58l-2.48.28-1.48 2.01c-.65 0-1.31.07-1.94.21l5.79 4.15a1.91 1.91 0 0 1 1.96-1.14"
/>
</svg>"Graphite Editor" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.