Hover the icon or press Play. Suggested motion: drop. Pick another to preview it and update the animated code:
Dripping Stone icon
A free dripping stone 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/dripping-stone.jsonimport * as React from "react";
/**
* Dripping Stone from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/dripping-stone. Sized in em, colored by currentColor.
*/
export function GiDrippingStoneIcon(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="M344.875 19.844l-155.78 7.343-33.97 88.032-1.938 5-5.28.843-43.563 7.093L59.438 230l40.218 31 252.688.72 69.594-34.22-17.72-146.28-11-.032v.03l-73.874 1.063-43.406 63.5-15.438-10.53 46.125-67.53 2.75-4 4.844-.064 49.155-.687-18.5-43.126zm69.875 232l-48.438 23.844c12.5 17.007 19.983 47.156 13.344 69.593-2.448 8.275-14.728 29.75-14.937 39.69-.283 13.39 15.325 29.372 28.717 29.374 13.393.002 25.406-15.983 25.688-29.375.207-9.88-11.454-31.608-14.03-39.69-8.56-26.84-1.968-63.266 9.655-93.436zm-351.125 5c13.52 36.223 8.293 83.594 22.188 83.594 14.32 0 13.963-49.785 35.406-60.688l-24.782-.063-3.188-.03-2.5-1.907-27.125-20.906zm84.875 23c27.784 7.302 54.07 75.815 40.875 94.094-2.84 3.935-14.162 15.01-14.47 25.906-.31 11.105 9.113 23.47 23.376 23.47 13.315-.002 24.357-10.57 24.72-23.47.357-12.692-11.54-21.875-13.688-25.906-8.028-18.992-4.63-73.682 20.875-75.063 29.213-1.583 39.942 83.25 22.188 107.844-4.717 6.534-24.14 27.11-24.688 46.56-.558 19.87 14.247 41.284 38.72 41.283 24.947 0 40.51-23.903 41-41.282.478-16.96-19.185-39.87-22.75-46.56-14.323-26.88-7.27-105.226 23.687-126.44l-159.844-.436zm-60.813 101.03c-12.466 0-22.562 10.13-22.562 22.595 0 12.465 10.096 22.56 22.563 22.56 12.466 0 22.562-10.095 22.562-22.56 0-12.467-10.096-22.595-22.563-22.595z"
/>
</svg>
);
}import { GiDrippingStone } from "react-icons/gi";
export function Example() {
return <GiDrippingStone 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="M344.875 19.844l-155.78 7.343-33.97 88.032-1.938 5-5.28.843-43.563 7.093L59.438 230l40.218 31 252.688.72 69.594-34.22-17.72-146.28-11-.032v.03l-73.874 1.063-43.406 63.5-15.438-10.53 46.125-67.53 2.75-4 4.844-.064 49.155-.687-18.5-43.126zm69.875 232l-48.438 23.844c12.5 17.007 19.983 47.156 13.344 69.593-2.448 8.275-14.728 29.75-14.937 39.69-.283 13.39 15.325 29.372 28.717 29.374 13.393.002 25.406-15.983 25.688-29.375.207-9.88-11.454-31.608-14.03-39.69-8.56-26.84-1.968-63.266 9.655-93.436zm-351.125 5c13.52 36.223 8.293 83.594 22.188 83.594 14.32 0 13.963-49.785 35.406-60.688l-24.782-.063-3.188-.03-2.5-1.907-27.125-20.906zm84.875 23c27.784 7.302 54.07 75.815 40.875 94.094-2.84 3.935-14.162 15.01-14.47 25.906-.31 11.105 9.113 23.47 23.376 23.47 13.315-.002 24.357-10.57 24.72-23.47.357-12.692-11.54-21.875-13.688-25.906-8.028-18.992-4.63-73.682 20.875-75.063 29.213-1.583 39.942 83.25 22.188 107.844-4.717 6.534-24.14 27.11-24.688 46.56-.558 19.87 14.247 41.284 38.72 41.283 24.947 0 40.51-23.903 41-41.282.478-16.96-19.185-39.87-22.75-46.56-14.323-26.88-7.27-105.226 23.687-126.44l-159.844-.436zm-60.813 101.03c-12.466 0-22.562 10.13-22.562 22.595 0 12.465 10.096 22.56 22.563 22.56 12.466 0 22.562-10.095 22.562-22.56 0-12.467-10.096-22.595-22.563-22.595z"
/>
</svg>"Dripping Stone" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.