Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Thumb Down icon
A free thumb down icon from Game 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
- CC BY 3.0 license
- Project
- game-icons.net
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/thumb-down.jsonimport * as React from "react";
/**
* Thumb Down from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/thumb-down. Sized in em, colored by currentColor.
*/
export function GiThumbDownIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M283.195 35.116c24.564.196 57.187 6.155 86.344 17.69 13.42 5.31 24.168 9.772 30.624 14.062 6.456 4.29 8.202 6.845 8.266 11.725.052 3.996-.285 6.73-2.256 9.89-1.972 3.162-6.117 7.236-15.42 11.72l-26.506 12.78 29.12 4.235c28.602 4.157 33.414 21.214 33.6 23.85.69 9.877-2.582 16.77-15.882 22.27l-23.953 9.91 24.94 7.068c14.348 4.065 24.492 16.475 24.49 24.726 0 7.6-7.05 18.704-24.22 24.037l-27.63 8.583 27.625 8.606c10.35 3.222 18.282 5.945 22.32 8.792 4.038 2.847 5.318 4.47 5.107 11.64-.297 10.136-5.695 15.012-15.656 19.5-9.962 4.49-23.656 6.725-34.927 8.305-35.802 5.02-71.025 6.965-105.87.084l-20.33-4.015 10.947 17.598c25.885 41.614 54.194 90.91 59.11 130.426l.044.352.072.348c5.128 24.97-6.35 36.185-16.972 37.46-5.31.64-11.003-1.04-16.315-6.722-5.313-5.68-10.128-15.727-11.436-31.537l-.12-1.448-.57-1.336c-7.724-18.123-25.866-39.642-46.338-61.158-20.097-21.123-42.306-41.512-58.814-55.33-35.53-49.788-45.97-71.5-53.832-85.07-3.957-6.827-7.77-12.2-13.52-16.87-5.75-4.67-12.805-8.494-24.096-14.304l-.02-.01-.02-.01c-3.508-1.783-10.932-13.615-14.72-31.09-3.786-17.476-5.158-39.717-3.44-60.715 1.72-21 6.696-40.814 14.187-53.263 3.746-6.224 7.978-10.502 12.393-12.85 4.243-2.255 8.787-3.025 14.914-1.767 10.302 4.843 19.693 9.668 30.178 12.615 10.865 3.054 22.944 3.76 36.7.153l.583-.153.56-.23c28.5-11.733 71.544-20.78 100.737-20.55z"
/>
</svg>
);
}import { GiThumbDown } from "react-icons/gi";
export function Example() {
return <GiThumbDown className="size-5" />;
}<svg
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M283.195 35.116c24.564.196 57.187 6.155 86.344 17.69 13.42 5.31 24.168 9.772 30.624 14.062 6.456 4.29 8.202 6.845 8.266 11.725.052 3.996-.285 6.73-2.256 9.89-1.972 3.162-6.117 7.236-15.42 11.72l-26.506 12.78 29.12 4.235c28.602 4.157 33.414 21.214 33.6 23.85.69 9.877-2.582 16.77-15.882 22.27l-23.953 9.91 24.94 7.068c14.348 4.065 24.492 16.475 24.49 24.726 0 7.6-7.05 18.704-24.22 24.037l-27.63 8.583 27.625 8.606c10.35 3.222 18.282 5.945 22.32 8.792 4.038 2.847 5.318 4.47 5.107 11.64-.297 10.136-5.695 15.012-15.656 19.5-9.962 4.49-23.656 6.725-34.927 8.305-35.802 5.02-71.025 6.965-105.87.084l-20.33-4.015 10.947 17.598c25.885 41.614 54.194 90.91 59.11 130.426l.044.352.072.348c5.128 24.97-6.35 36.185-16.972 37.46-5.31.64-11.003-1.04-16.315-6.722-5.313-5.68-10.128-15.727-11.436-31.537l-.12-1.448-.57-1.336c-7.724-18.123-25.866-39.642-46.338-61.158-20.097-21.123-42.306-41.512-58.814-55.33-35.53-49.788-45.97-71.5-53.832-85.07-3.957-6.827-7.77-12.2-13.52-16.87-5.75-4.67-12.805-8.494-24.096-14.304l-.02-.01-.02-.01c-3.508-1.783-10.932-13.615-14.72-31.09-3.786-17.476-5.158-39.717-3.44-60.715 1.72-21 6.696-40.814 14.187-53.263 3.746-6.224 7.978-10.502 12.393-12.85 4.243-2.255 8.787-3.025 14.914-1.767 10.302 4.843 19.693 9.668 30.178 12.615 10.865 3.054 22.944 3.76 36.7.153l.583-.153.56-.23c28.5-11.733 71.544-20.78 100.737-20.55z"
/>
</svg>"Thumb Down" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.