Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Elk icon
A free elk 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/elk.jsonimport * as React from "react";
/**
* Elk from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
* Via Cuelark UI: ui.cuelark.com/icons/simple-icons/elk. Sized in em, colored by currentColor.
*/
export function SiElkIcon(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="M1.284 0 .038.392C.765 3.308 1.763 4.84 2.9 5.64c1.153.818 2.483.888 3.938.74 1.934-.2 4.117-.836 6.345.095.603.305 1.238.692 1.911 1.206.356-.122.666-.279.975-.392 0 0 .248-.892-.155-2.032-.348-1.001-1.215-2.264-3.404-3.151l-.434 1.358c1.347.557 2.074 1.244 2.445 1.897.055.096.093.183.132.27a7 7 0 0 0-.89-.453c-2.173-1.13-3.913-1.2-5.307-1.374-.742-.087-1.37-.191-1.888-.61C6.05 2.769 5.663 2.029 5.33.74l-1.238.41c.441 1.705 1.03 2.645 1.718 3.211.31.252.642.435.998.566-1.222.074-2.375.058-3.226-.514C2.638 3.743 1.887 2.42 1.284 0m6.925.313c-.07.975.085 1.767.34 2.412.596.083 1.114.095 1.656.2-.418-.522-.79-1.323-.712-2.507Zm9.308 1.175-.843 1.089c.634.626.812 1.375.812 2.01a4.5 4.5 0 0 0-1.014-.774c.558.732.635 2.033.674 2.733l1.199.148s1.362-3.064-.828-5.206m-6.244 6.037C9.919 7.7 9.199 7.3 8.766 8.726c0 0 1.455 2.429 5.331 2.368-.217.992-.116 1.724-.116 2.603 0 2.924-2.09 5.475-6.693 5.475-.86 0-1.787.063-2.723.21C6.218 22.49 9.386 24 13.715 24c1.813 0 3.424-.407 4.804-1.149q.126-.57.236-1.198c.14-.784.217-1.445.255-2.01.178-1.437.279-3.056.31-4.902l-1.896-.67h5.826l.565-1.436c-.55.026-1.207-.296-1.207-.296l.132-.697h1.222l-6.615-3.856c-.735.314-1.51.723-2.05 1.219-.434-.348-1.935-1.436-4.024-1.48"
/>
</svg>
);
}import { SiElk } from "react-icons/si";
export function Example() {
return <SiElk 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="M1.284 0 .038.392C.765 3.308 1.763 4.84 2.9 5.64c1.153.818 2.483.888 3.938.74 1.934-.2 4.117-.836 6.345.095.603.305 1.238.692 1.911 1.206.356-.122.666-.279.975-.392 0 0 .248-.892-.155-2.032-.348-1.001-1.215-2.264-3.404-3.151l-.434 1.358c1.347.557 2.074 1.244 2.445 1.897.055.096.093.183.132.27a7 7 0 0 0-.89-.453c-2.173-1.13-3.913-1.2-5.307-1.374-.742-.087-1.37-.191-1.888-.61C6.05 2.769 5.663 2.029 5.33.74l-1.238.41c.441 1.705 1.03 2.645 1.718 3.211.31.252.642.435.998.566-1.222.074-2.375.058-3.226-.514C2.638 3.743 1.887 2.42 1.284 0m6.925.313c-.07.975.085 1.767.34 2.412.596.083 1.114.095 1.656.2-.418-.522-.79-1.323-.712-2.507Zm9.308 1.175-.843 1.089c.634.626.812 1.375.812 2.01a4.5 4.5 0 0 0-1.014-.774c.558.732.635 2.033.674 2.733l1.199.148s1.362-3.064-.828-5.206m-6.244 6.037C9.919 7.7 9.199 7.3 8.766 8.726c0 0 1.455 2.429 5.331 2.368-.217.992-.116 1.724-.116 2.603 0 2.924-2.09 5.475-6.693 5.475-.86 0-1.787.063-2.723.21C6.218 22.49 9.386 24 13.715 24c1.813 0 3.424-.407 4.804-1.149q.126-.57.236-1.198c.14-.784.217-1.445.255-2.01.178-1.437.279-3.056.31-4.902l-1.896-.67h5.826l.565-1.436c-.55.026-1.207-.296-1.207-.296l.132-.697h1.222l-6.615-3.856c-.735.314-1.51.723-2.05 1.219-.434-.348-1.935-1.436-4.024-1.48"
/>
</svg>"Elk" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.