Hover the icon or press Play. Suggested motion: shake. Pick another to preview it and update the animated code:
Spidermonkey icon
A free spidermonkey 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/spidermonkey.jsonimport * as React from "react";
/**
* Spidermonkey from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
* Via Cuelark UI: ui.cuelark.com/icons/simple-icons/spidermonkey. Sized in em, colored by currentColor.
*/
export function SiSpidermonkeyIcon(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="M6.414 1.851c-.768-.027-1.613.236-2.753.774-1.215.39-1.91 1.447-.482 1.446l-.035.93-.9.345-.033.902s-.138 1.05 1.004.989c-.15.035-.272.11-.105.276.31.31.718.207 2.198.241 1.48.035 1.64 1.682 1.64 1.682s.332 2.698.283 5.327c-1.604-.853-3.205-1.609-3.703-1.5-1.102.24-2.043 1.328-1.102 2.891.862 1.432 2.318 2.45 3.784 3.37-.438.723-.981 1.106-2.08.839-.554-.135-.508-.447-2.005-1.267-2.755-1.11-2.28-.318-1.603.335 1.42 1.013 2.118 1.933 3.17 2.362 1.033.423 2.416.377 4.179-1.129l.082-.094-.057.07c2.255 1.404 5.062 1.838 7.649 1.266.127-.041.537-.095.503-.144l.06.008c.012-.067 2.582.276 4.479-.492 1.837-.745 3.036-2.14 3.29-3.587 1.044-5.95-4.87-6.422-5.645-6.663l-1.774-.481c-.335-.84-.783-1.661-1.357-2.56a5.8 5.8 0 0 0-1.26-1.41l.004.004s.174-.55.835-1.118c.134-.107 2.36-1.808 6.407-.085l.286 2.758 1.839-.095L22.99 4.3c-.65-.762-6.17-3.052-10.155-.012-.586.507-.952 1.213-.952 1.213q.006.001.013.007a9 9 0 0 0-1.95-.443v-.007s-.774-2.13-2.184-2.84a3.2 3.2 0 0 0-1.348-.366Zm-.887 2.838.002.012zm4.978 3.535.017.008-.016-.003zm-.168 3.76c.598 1.004 1.035 1.904 1.225 3.017a11.6 11.6 0 0 1-.44 1.977s-.51-.309-1.242-.736c.136-.839.226-1.743.337-2.76.036-.485.078-.996.12-1.498m6.65.357.015.069c.025.128.046.262.069.39l1.923.537s3.167.617 2.684 3.811c-.455 3.007-4.992 2.77-4.976 2.67.543-3.396.65-5.612.286-7.477z"
/>
</svg>
);
}import { SiSpidermonkey } from "react-icons/si";
export function Example() {
return <SiSpidermonkey 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="M6.414 1.851c-.768-.027-1.613.236-2.753.774-1.215.39-1.91 1.447-.482 1.446l-.035.93-.9.345-.033.902s-.138 1.05 1.004.989c-.15.035-.272.11-.105.276.31.31.718.207 2.198.241 1.48.035 1.64 1.682 1.64 1.682s.332 2.698.283 5.327c-1.604-.853-3.205-1.609-3.703-1.5-1.102.24-2.043 1.328-1.102 2.891.862 1.432 2.318 2.45 3.784 3.37-.438.723-.981 1.106-2.08.839-.554-.135-.508-.447-2.005-1.267-2.755-1.11-2.28-.318-1.603.335 1.42 1.013 2.118 1.933 3.17 2.362 1.033.423 2.416.377 4.179-1.129l.082-.094-.057.07c2.255 1.404 5.062 1.838 7.649 1.266.127-.041.537-.095.503-.144l.06.008c.012-.067 2.582.276 4.479-.492 1.837-.745 3.036-2.14 3.29-3.587 1.044-5.95-4.87-6.422-5.645-6.663l-1.774-.481c-.335-.84-.783-1.661-1.357-2.56a5.8 5.8 0 0 0-1.26-1.41l.004.004s.174-.55.835-1.118c.134-.107 2.36-1.808 6.407-.085l.286 2.758 1.839-.095L22.99 4.3c-.65-.762-6.17-3.052-10.155-.012-.586.507-.952 1.213-.952 1.213q.006.001.013.007a9 9 0 0 0-1.95-.443v-.007s-.774-2.13-2.184-2.84a3.2 3.2 0 0 0-1.348-.366Zm-.887 2.838.002.012zm4.978 3.535.017.008-.016-.003zm-.168 3.76c.598 1.004 1.035 1.904 1.225 3.017a11.6 11.6 0 0 1-.44 1.977s-.51-.309-1.242-.736c.136-.839.226-1.743.337-2.76.036-.485.078-.996.12-1.498m6.65.357.015.069c.025.128.046.262.069.39l1.923.537s3.167.617 2.684 3.811c-.455 3.007-4.992 2.77-4.976 2.67.543-3.396.65-5.612.286-7.477z"
/>
</svg>"Spidermonkey" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.