shapes icon
shapes from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- shapes
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the shapes icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M4 8a4 4 0 0 0 4-4c0-.728 0-1.092.024-1.199c.109-.49.257-.64.745-.756c.107-.025.318-.028.74-.034C10.256 2 11.083 2 12 2c1.371 0 2.543 0 3.552.036c.408.015.612.022.735.059c.423.126.57.278.68.705C17 2.925 17 3.283 17 4a4 4 0 0 0 4 4c.493 0 .963.343.976.836C22 9.754 22 10.801 22 12c0 .916 0 1.743-.01 2.492c-.007.421-.01.632-.035.74c-.116.487-.267.635-.756.744C21.092 16 20.728 16 20 16a4 4 0 0 0-4 4c0 .728 0 1.092-.024 1.199c-.109.49-.257.64-.745.756c-.107.025-.318.028-.74.034C13.744 22 12.917 22 12 22s-1.743 0-2.492-.01c-.421-.007-.632-.01-.74-.035c-.487-.116-.635-.267-.744-.756C8 21.092 8 20.728 8 20a4 4 0 0 0-4-4c-.728 0-1.092 0-1.199-.024c-.49-.109-.64-.257-.756-.745c-.025-.107-.028-.318-.034-.74C2 13.744 2 12.917 2 12s0-1.743.01-2.492c.007-.421.01-.632.035-.74c.116-.487.267-.635.756-.744C2.908 8 3.272 8 4 8Z"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsShapes(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5" d="M4 8a4 4 0 0 0 4-4c0-.728 0-1.092.024-1.199c.109-.49.257-.64.745-.756c.107-.025.318-.028.74-.034C10.256 2 11.083 2 12 2c1.371 0 2.543 0 3.552.036c.408.015.612.022.735.059c.423.126.57.278.68.705C17 2.925 17 3.283 17 4a4 4 0 0 0 4 4c.493 0 .963.343.976.836C22 9.754 22 10.801 22 12c0 .916 0 1.743-.01 2.492c-.007.421-.01.632-.035.74c-.116.487-.267.635-.756.744C21.092 16 20.728 16 20 16a4 4 0 0 0-4 4c0 .728 0 1.092-.024 1.199c-.109.49-.257.64-.745.756c-.107.025-.318.028-.74.034C13.744 22 12.917 22 12 22s-1.743 0-2.492-.01c-.421-.007-.632-.01-.74-.035c-.487-.116-.635-.267-.744-.756C8 21.092 8 20.728 8 20a4 4 0 0 0-4-4c-.728 0-1.092 0-1.199-.024c-.49-.109-.64-.257-.756-.745c-.025-.107-.028-.318-.034-.74C2 13.744 2 12.917 2 12s0-1.743.01-2.492c.007-.421.01-.632.035-.74c.116-.487.267-.635.756-.744C2.908 8 3.272 8 4 8Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M4 8a4 4 0 0 0 4-4c0-.728 0-1.092.024-1.199c.109-.49.257-.64.745-.756c.107-.025.318-.028.74-.034C10.256 2 11.083 2 12 2c1.371 0 2.543 0 3.552.036c.408.015.612.022.735.059c.423.126.57.278.68.705C17 2.925 17 3.283 17 4a4 4 0 0 0 4 4c.493 0 .963.343.976.836C22 9.754 22 10.801 22 12c0 .916 0 1.743-.01 2.492c-.007.421-.01.632-.035.74c-.116.487-.267.635-.756.744C21.092 16 20.728 16 20 16a4 4 0 0 0-4 4c0 .728 0 1.092-.024 1.199c-.109.49-.257.64-.745.756c-.107.025-.318.028-.74.034C13.744 22 12.917 22 12 22s-1.743 0-2.492-.01c-.421-.007-.632-.01-.74-.035c-.487-.116-.635-.267-.744-.756C8 21.092 8 20.728 8 20a4 4 0 0 0-4-4c-.728 0-1.092 0-1.199-.024c-.49-.109-.64-.257-.756-.745c-.025-.107-.028-.318-.034-.74C2 13.744 2 12.917 2 12s0-1.743.01-2.492c.007-.421.01-.632.035-.74c.116-.487.267-.635.756-.744C2.908 8 3.272 8 4 8Z"/></svg> </template>
CSS
.icon-shapes {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4%208a4%204%200%200%200%204-4c0-.728%200-1.092.024-1.199c.109-.49.257-.64.745-.756c.107-.025.318-.028.74-.034C10.256%202%2011.083%202%2012%202c1.371%200%202.543%200%203.552.036c.408.015.612.022.735.059c.423.126.57.278.68.705C17%202.925%2017%203.283%2017%204a4%204%200%200%200%204%204c.493%200%20.963.343.976.836C22%209.754%2022%2010.801%2022%2012c0%20.916%200%201.743-.01%202.492c-.007.421-.01.632-.035.74c-.116.487-.267.635-.756.744C21.092%2016%2020.728%2016%2020%2016a4%204%200%200%200-4%204c0%20.728%200%201.092-.024%201.199c-.109.49-.257.64-.745.756c-.107.025-.318.028-.74.034C13.744%2022%2012.917%2022%2012%2022s-1.743%200-2.492-.01c-.421-.007-.632-.01-.74-.035c-.487-.116-.635-.267-.744-.756C8%2021.092%208%2020.728%208%2020a4%204%200%200%200-4-4c-.728%200-1.092%200-1.199-.024c-.49-.109-.64-.257-.756-.745c-.025-.107-.028-.318-.034-.74C2%2013.744%202%2012.917%202%2012s0-1.743.01-2.492c.007-.421.01-.632.035-.74c.116-.487.267-.635.756-.744C2.908%208%203.272%208%204%208Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M4%208a4%204%200%200%200%204-4c0-.728%200-1.092.024-1.199c.109-.49.257-.64.745-.756c.107-.025.318-.028.74-.034C10.256%202%2011.083%202%2012%202c1.371%200%202.543%200%203.552.036c.408.015.612.022.735.059c.423.126.57.278.68.705C17%202.925%2017%203.283%2017%204a4%204%200%200%200%204%204c.493%200%20.963.343.976.836C22%209.754%2022%2010.801%2022%2012c0%20.916%200%201.743-.01%202.492c-.007.421-.01.632-.035.74c-.116.487-.267.635-.756.744C21.092%2016%2020.728%2016%2020%2016a4%204%200%200%200-4%204c0%20.728%200%201.092-.024%201.199c-.109.49-.257.64-.745.756c-.107.025-.318.028-.74.034C13.744%2022%2012.917%2022%2012%2022s-1.743%200-2.492-.01c-.421-.007-.632-.01-.74-.035c-.487-.116-.635-.267-.744-.756C8%2021.092%208%2020.728%208%2020a4%204%200%200%200-4-4c-.728%200-1.092%200-1.199-.024c-.49-.109-.64-.257-.756-.745c-.025-.107-.028-.318-.034-.74C2%2013.744%202%2012.917%202%2012s0-1.743.01-2.492c.007-.421.01-.632.035-.74c.116-.487.267-.635.756-.744C2.908%208%203.272%208%204%208Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/shapes.svg?color=%231a73e8&size=48
