Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Luogu icon
A free luogu 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/luogu.jsonimport * as React from "react";
/**
* Luogu from Simple Icons (https://simpleicons.org/), CC0 1.0 Universal.
* Via Cuelark UI: ui.cuelark.com/icons/simple-icons/luogu. Sized in em, colored by currentColor.
*/
export function SiLuoguIcon(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="M12.424 0c-.435-.005-.964.138-1.569.65-.967.817-2.554 3.235-3.56 4.38s-2.002 1.65-2.48 2.493c-.477.844-.824 1.598-.385 2.568s2.308 2.592 3.018 3.247.724.566 1.24.68c.517.113 1.38.188 1.857 0 .478-.19.993-.63 1.006-1.133s-.515-1.409-.928-1.887c-.413-.479-1.213-.769-1.549-.983s-.373-.076-.463-.303-.413-.59-.078-1.056c.336-.466 1.38-1.033 2.09-1.738s1.625-1.61 2.167-2.492 1.06-2.064 1.085-2.794C13.901.902 13.603.285 13.1.12a2.2 2.2 0 0 0-.676-.12m-.397 6.936c-.243.008-.443.037-.566.097-.492.24-.48.997-.151 1.515s1.618 1.223 2.124 1.59c.505.366.883.292.908.607.026.316.102.315-.757 1.287-.86.973-3.222 3.371-4.397 4.546-1.175 1.174-1.77 1.503-2.654 2.5S4.259 21.78 3.88 22.563s-.15.997.38 1.212c.531.214 2.11.34 2.804.075.695-.265.822-1.034 1.365-1.666.543-.63.721-.859 1.896-2.122.472-.507 1.242-1.32 1.998-2.118.048.151.126.324.243.525.423.727 1.922 2.219 2.537 3.009s.77 1.33 1.154 1.73c.384.402.55.564 1.152.677.602.112 1.998.188 2.459 0 .461-.189.552-.576.308-1.127-.243-.552-1.346-1.555-1.768-2.182-.423-.627-1.243-2.095-1.845-2.71s-1.025-.776-1.768-.977c-.43-.115-.982-.11-1.444-.034.769-.811 1.564-1.647 2.129-2.246 1.415-1.503 2.88-2.614 3.335-3.56.455-.948-.214-1.492-.606-2.123-.391-.631-1.124-1.363-1.743-1.666-.62-.303-1.151-.1-1.972-.151-.616-.038-1.737-.197-2.467-.173"
/>
</svg>
);
}import { SiLuogu } from "react-icons/si";
export function Example() {
return <SiLuogu 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="M12.424 0c-.435-.005-.964.138-1.569.65-.967.817-2.554 3.235-3.56 4.38s-2.002 1.65-2.48 2.493c-.477.844-.824 1.598-.385 2.568s2.308 2.592 3.018 3.247.724.566 1.24.68c.517.113 1.38.188 1.857 0 .478-.19.993-.63 1.006-1.133s-.515-1.409-.928-1.887c-.413-.479-1.213-.769-1.549-.983s-.373-.076-.463-.303-.413-.59-.078-1.056c.336-.466 1.38-1.033 2.09-1.738s1.625-1.61 2.167-2.492 1.06-2.064 1.085-2.794C13.901.902 13.603.285 13.1.12a2.2 2.2 0 0 0-.676-.12m-.397 6.936c-.243.008-.443.037-.566.097-.492.24-.48.997-.151 1.515s1.618 1.223 2.124 1.59c.505.366.883.292.908.607.026.316.102.315-.757 1.287-.86.973-3.222 3.371-4.397 4.546-1.175 1.174-1.77 1.503-2.654 2.5S4.259 21.78 3.88 22.563s-.15.997.38 1.212c.531.214 2.11.34 2.804.075.695-.265.822-1.034 1.365-1.666.543-.63.721-.859 1.896-2.122.472-.507 1.242-1.32 1.998-2.118.048.151.126.324.243.525.423.727 1.922 2.219 2.537 3.009s.77 1.33 1.154 1.73c.384.402.55.564 1.152.677.602.112 1.998.188 2.459 0 .461-.189.552-.576.308-1.127-.243-.552-1.346-1.555-1.768-2.182-.423-.627-1.243-2.095-1.845-2.71s-1.025-.776-1.768-.977c-.43-.115-.982-.11-1.444-.034.769-.811 1.564-1.647 2.129-2.246 1.415-1.503 2.88-2.614 3.335-3.56.455-.948-.214-1.492-.606-2.123-.391-.631-1.124-1.363-1.743-1.666-.62-.303-1.151-.1-1.972-.151-.616-.038-1.737-.197-2.467-.173"
/>
</svg>"Luogu" icon from Simple Icons (https://simpleicons.org/), licensed under CC0 1.0 Universal license.