Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Pipe Organ icon
A free pipe organ 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/pipe-organ.jsonimport * as React from "react";
/**
* Pipe Organ from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/pipe-organ. Sized in em, colored by currentColor.
*/
export function GiPipeOrganIcon(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="M210.5 46.8v99l12.5-11.5V46.8zm78.5 0v87.5l12.5 11.5v-99zm-196.41 11v275.9l20.81-6.3V57.8zm306.01 0v269.6l20.8 6.3V57.8zm-208.5 3.5v103.1l12.5-11.4V61.3zm119.3 0V153l12.5 11.4V61.3zM168.7 75.8V184l12.5-11.5V75.8zm162.1 0v96.7l12.5 11.5V75.8zm-268.21 12v255.1l20.84-6.4V87.8zm366.01 0v248.7l20.8 6.4V87.8zm-281.3 2.5v113.3l12.5-11.5V90.3zm204.9 0v101.8l12.5 11.5V90.3zM32.59 117.8V352l20.84-6.3V117.8zm426.01 0v227.9l20.8 6.3V117.8zm-213 50v124.8c6.9-.3 13.9-.3 20.8 0V167.8zm-30 30v97.3c6.9-.9 13.9-1.6 20.8-2.1v-95.2zm60 0V293c6.9.5 13.9 1.2 20.8 2.1v-97.3zm-90 30v72.9c6.9-1.7 13.9-3.1 20.8-4.2v-68.7zm120 0v68.7c6.9 1.1 13.9 2.5 20.8 4.1v-72.8zm-141.4 19-32.2 28L142 481h22.2zm183.1 0V481h22.2l10-206.2zm-101.7 62.5v26.4h20.8v-26.5c-7.1-.2-14.1-.1-20.8.1zm-9.2.4c-6.9.5-13.9 1.3-20.8 2.3v23.7h20.8zm39.2 0v26h20.8v-23.8c-6.9-1-13.9-1.7-20.8-2.2zm-69.2 3.7c-6.9 1.2-13.9 2.7-20.8 4.4v17.9h20.8zm99.2 0v22.3h20.8v-17.9c-6.9-1.7-13.9-3.2-20.8-4.4zm-192.2 31.4-20.81 6.3V418h20.81zm285.2 0V418h20.8v-66.9zm-315.17 9.1-20.84 6.4V418h20.84zm345.17 0V418h20.8v-57.7zm-245.5 4.9 2.5 122.2h24.3v-35h92.2v35h24.3l2.5-122.2zm-129.67 4.3-20.84 6.3V418h20.84zm405.17 0V418h20.8v-48.6zm-230.8 8.7h56.4v16.1H296V404h-80v-16.1h11.8zM209.2 417h93.6v16h-93.6zm17.4 46v18h58.8v-18z"
/>
</svg>
);
}import { GiPipeOrgan } from "react-icons/gi";
export function Example() {
return <GiPipeOrgan 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="M210.5 46.8v99l12.5-11.5V46.8zm78.5 0v87.5l12.5 11.5v-99zm-196.41 11v275.9l20.81-6.3V57.8zm306.01 0v269.6l20.8 6.3V57.8zm-208.5 3.5v103.1l12.5-11.4V61.3zm119.3 0V153l12.5 11.4V61.3zM168.7 75.8V184l12.5-11.5V75.8zm162.1 0v96.7l12.5 11.5V75.8zm-268.21 12v255.1l20.84-6.4V87.8zm366.01 0v248.7l20.8 6.4V87.8zm-281.3 2.5v113.3l12.5-11.5V90.3zm204.9 0v101.8l12.5 11.5V90.3zM32.59 117.8V352l20.84-6.3V117.8zm426.01 0v227.9l20.8 6.3V117.8zm-213 50v124.8c6.9-.3 13.9-.3 20.8 0V167.8zm-30 30v97.3c6.9-.9 13.9-1.6 20.8-2.1v-95.2zm60 0V293c6.9.5 13.9 1.2 20.8 2.1v-97.3zm-90 30v72.9c6.9-1.7 13.9-3.1 20.8-4.2v-68.7zm120 0v68.7c6.9 1.1 13.9 2.5 20.8 4.1v-72.8zm-141.4 19-32.2 28L142 481h22.2zm183.1 0V481h22.2l10-206.2zm-101.7 62.5v26.4h20.8v-26.5c-7.1-.2-14.1-.1-20.8.1zm-9.2.4c-6.9.5-13.9 1.3-20.8 2.3v23.7h20.8zm39.2 0v26h20.8v-23.8c-6.9-1-13.9-1.7-20.8-2.2zm-69.2 3.7c-6.9 1.2-13.9 2.7-20.8 4.4v17.9h20.8zm99.2 0v22.3h20.8v-17.9c-6.9-1.7-13.9-3.2-20.8-4.4zm-192.2 31.4-20.81 6.3V418h20.81zm285.2 0V418h20.8v-66.9zm-315.17 9.1-20.84 6.4V418h20.84zm345.17 0V418h20.8v-57.7zm-245.5 4.9 2.5 122.2h24.3v-35h92.2v35h24.3l2.5-122.2zm-129.67 4.3-20.84 6.3V418h20.84zm405.17 0V418h20.8v-48.6zm-230.8 8.7h56.4v16.1H296V404h-80v-16.1h11.8zM209.2 417h93.6v16h-93.6zm17.4 46v18h58.8v-18z"
/>
</svg>"Pipe Organ" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.