Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Shapes Solid icon
A free shapes solid icon from Icons8 Line Awesome, 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
- MIT license
- Project
- icons8.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/shapes-solid.jsonimport * as React from "react";
/**
* Shapes Solid from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/line-awesome/shapes-solid. Sized in em, colored by currentColor.
*/
export function LiaShapesSolidIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 32 32"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M 22.357422 3.8632812 L 16.189453 15 L 28.525391 15 L 22.357422 3.8632812 z M 22.357422 7.9902344 L 25.130859 13 L 19.583984 13 L 22.357422 7.9902344 z M 9 16 C 5.691 16 3 18.691 3 22 C 3 25.309 5.691 28 9 28 C 12.309 28 15 25.309 15 22 C 15 18.691 12.309 16 9 16 z M 17 17 L 17 28 L 28 28 L 28 17 L 17 17 z M 9 18 C 11.206 18 13 19.794 13 22 C 13 24.206 11.206 26 9 26 C 6.794 26 5 24.206 5 22 C 5 19.794 6.794 18 9 18 z M 19 19 L 26 19 L 26 26 L 19 26 L 19 19 z"
/>
</svg>
);
}import { LiaShapesSolid } from "react-icons/lia";
export function Example() {
return <LiaShapesSolid className="size-5" />;
}<svg
viewBox="0 0 32 32"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M 22.357422 3.8632812 L 16.189453 15 L 28.525391 15 L 22.357422 3.8632812 z M 22.357422 7.9902344 L 25.130859 13 L 19.583984 13 L 22.357422 7.9902344 z M 9 16 C 5.691 16 3 18.691 3 22 C 3 25.309 5.691 28 9 28 C 12.309 28 15 25.309 15 22 C 15 18.691 12.309 16 9 16 z M 17 17 L 17 28 L 28 28 L 28 17 L 17 17 z M 9 18 C 11.206 18 13 19.794 13 22 C 13 24.206 11.206 26 9 26 C 6.794 26 5 24.206 5 22 C 5 19.794 6.794 18 9 18 z M 19 19 L 26 19 L 26 26 L 19 26 L 19 19 z"
/>
</svg>"Shapes Solid" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.Related icons:
- ad solid
- address book solid
- address card solid
- adjust solid
- air freshener solid
- align center solid
- align justify solid
- align left solid
- align right solid
- allergies solid
- ambulance solid
- american sign language interpreting solid
- anchor solid
- angle double down solid
- angle double left solid
- angle double right solid
- angle double up solid
- angle down solid
- angle left solid
- angle right solid
- angle up solid
- angry solid
- ankh solid
- apple alt solid
Similar Icons8 Line Awesome icons
- sd card solid
- search dollar solid
- search location solid
- search minus solid
- search plus solid
- search solid
- searchengin
- seedling solid
- sellcast
- sellsy
- server solid
- servicestack
- share alt solid
- share alt square solid
- share solid
- share square
- share square solid
- shekel sign solid
- shield alt solid
- ship solid
- shipping fast solid
- shirtsinbulk
- shoe prints solid
- shopping bag solid