Hover the icon or press Play. Suggested motion: write. Pick another to preview it and update the animated code:
Distress Signal icon
A free distress signal 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/distress-signal.jsonimport * as React from "react";
/**
* Distress Signal from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/distress-signal. Sized in em, colored by currentColor.
*/
export function GiDistressSignalIcon(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="M68.79 19.5l57.51 69h23.4l-57.49-69zm185.31 0l59.4 178.3c5.5-2.1 11.2-4 17-5.7L273 19.5zm-92.2 83.7l-2.5 25.1 90.7 108.8c4.4-4.1 9-7.9 13.8-11.5zm-78.45 3.3l14.19 142H129.4l14.2-142zm302.05 96c-3.2 0-6.4.1-9.6.2L361 253.8l46.9-21.5-3 43.1 40.5 12.4-47.2 32.2 27 36.8-51.8 11.6 8.3 53.6-74.3-44.2 8.9-70.8-28.4-44.7 58.9-55.7c-75.8 16.2-134 79.3-143.1 157.6l41.5-61.4 38.7 104.5-29.9 12.5 80.4 40.5-68.2 16.5-52-26.6c5.7 15.2 13.4 29.4 22.7 42.3h150.2l78.5-65.2-45.6-36 45.7-24.8 26.8 14.2V237c-30.1-21.7-67-34.5-107-34.5zm-272 64c-12.8 0-23 10.2-23 23s10.2 23 23 23 23-10.2 23-23-10.2-23-23-23zm-94 11.1v18.7l60.11 16.2c-4.05-6-6.58-13-7.03-20.6zm268.4 7.3l4.2 42.1-14.1 25.5-15.3-51.2zM463.5 303l-15.4 43.4-19.7-24.9zm-315.9 9.1c-4 6.1-9.7 11.1-16.3 14.3l57.9 15.6c1.4-5.9 2.9-11.7 4.7-17.4zm171.1 87.1l29.7 23.5-18.3 25.4zm-131.4 20c-2.3.5-4.5 1-6.9 1.5-69.9 15.5-126.2 28.2-160.9 35.9v18.5c32.9-7.4 91.7-20.5 164.8-36.8 2.3-.5 4.5-1 6.8-1.5-1.5-5.8-2.8-11.7-3.8-17.6zm175.3 9.4l42.9 15.9-32.3 12.2z"
/>
</svg>
);
}import { GiDistressSignal } from "react-icons/gi";
export function Example() {
return <GiDistressSignal 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="M68.79 19.5l57.51 69h23.4l-57.49-69zm185.31 0l59.4 178.3c5.5-2.1 11.2-4 17-5.7L273 19.5zm-92.2 83.7l-2.5 25.1 90.7 108.8c4.4-4.1 9-7.9 13.8-11.5zm-78.45 3.3l14.19 142H129.4l14.2-142zm302.05 96c-3.2 0-6.4.1-9.6.2L361 253.8l46.9-21.5-3 43.1 40.5 12.4-47.2 32.2 27 36.8-51.8 11.6 8.3 53.6-74.3-44.2 8.9-70.8-28.4-44.7 58.9-55.7c-75.8 16.2-134 79.3-143.1 157.6l41.5-61.4 38.7 104.5-29.9 12.5 80.4 40.5-68.2 16.5-52-26.6c5.7 15.2 13.4 29.4 22.7 42.3h150.2l78.5-65.2-45.6-36 45.7-24.8 26.8 14.2V237c-30.1-21.7-67-34.5-107-34.5zm-272 64c-12.8 0-23 10.2-23 23s10.2 23 23 23 23-10.2 23-23-10.2-23-23-23zm-94 11.1v18.7l60.11 16.2c-4.05-6-6.58-13-7.03-20.6zm268.4 7.3l4.2 42.1-14.1 25.5-15.3-51.2zM463.5 303l-15.4 43.4-19.7-24.9zm-315.9 9.1c-4 6.1-9.7 11.1-16.3 14.3l57.9 15.6c1.4-5.9 2.9-11.7 4.7-17.4zm171.1 87.1l29.7 23.5-18.3 25.4zm-131.4 20c-2.3.5-4.5 1-6.9 1.5-69.9 15.5-126.2 28.2-160.9 35.9v18.5c32.9-7.4 91.7-20.5 164.8-36.8 2.3-.5 4.5-1 6.8-1.5-1.5-5.8-2.8-11.7-3.8-17.6zm175.3 9.4l42.9 15.9-32.3 12.2z"
/>
</svg>"Distress Signal" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.