shapes icon

shapes-filled from Reicon by REICON · Filled · Tools · MIT Free for personal and commercial use.

Name
shapes-filled
Set
Reicon
Style
Filled
Category
Tools
Viewbox
24×24
License
MIT

1 other variant in Reicon

shapes

The same icon in other sets

All shapes icons →
shapesBoxIcons v2 SolidshapesCarbonshapesFont Awesome 6 SolidshapesFont Awesome Solidshapes-outlineFlowbite Iconsshapes-16-filledFluent UI System IconsshapesHuge IconsshapesIonIconsshapesKeyline IconsshapesLine AwesomeshapesLucideshapesMaterial SymbolsshapesMaterial Symbols LightshapesPhosphorshapesPixelarticonsshapes-fillRemix Icon

More tools icons from Reicon

align-bottomalign-h-centeralign-h-spacingalign-leftalign-rightalign-topalign-v-centeralign-v-spacingblurcolor-tuningcropcrop2draw-compassfiltersflip-hflip-vhandlayerslayers-2magic-wandmirror-leftmirror-rightpaint-rollerpaintbrush

Use the shapes icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="18" cy="8" r="5.333"/><rect width="9.333" height="9.333" x="5.333" y="13.333" rx="2.333" ry="2.333"/><path d="M10.617 9.83a1.67 1.67 0 0 0-.005-1.669L7.107 2.148c-.606-1.033-2.274-1.033-2.88 0L.722 8.161a1.67 1.67 0 0 0-.005 1.67c.297.516.85.836 1.445.836h7.011a1.67 1.67 0 0 0 1.445-.836"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconShapesFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="18" cy="8" r="5.333"/><rect width="9.333" height="9.333" x="5.333" y="13.333" rx="2.333" ry="2.333"/><path d="M10.617 9.83a1.67 1.67 0 0 0-.005-1.669L7.107 2.148c-.606-1.033-2.274-1.033-2.88 0L.722 8.161a1.67 1.67 0 0 0-.005 1.67c.297.516.85.836 1.445.836h7.011a1.67 1.67 0 0 0 1.445-.836"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="18" cy="8" r="5.333"/><rect width="9.333" height="9.333" x="5.333" y="13.333" rx="2.333" ry="2.333"/><path d="M10.617 9.83a1.67 1.67 0 0 0-.005-1.669L7.107 2.148c-.606-1.033-2.274-1.033-2.88 0L.722 8.161a1.67 1.67 0 0 0-.005 1.67c.297.516.85.836 1.445.836h7.011a1.67 1.67 0 0 0 1.445-.836"/></g></svg>
</template>

CSS

.icon-shapes-filled {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%228%22%20r%3D%225.333%22%2F%3E%3Crect%20width%3D%229.333%22%20height%3D%229.333%22%20x%3D%225.333%22%20y%3D%2213.333%22%20rx%3D%222.333%22%20ry%3D%222.333%22%2F%3E%3Cpath%20d%3D%22M10.617%209.83a1.67%201.67%200%200%200-.005-1.669L7.107%202.148c-.606-1.033-2.274-1.033-2.88%200L.722%208.161a1.67%201.67%200%200%200-.005%201.67c.297.516.85.836%201.445.836h7.011a1.67%201.67%200%200%200%201.445-.836%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%228%22%20r%3D%225.333%22%2F%3E%3Crect%20width%3D%229.333%22%20height%3D%229.333%22%20x%3D%225.333%22%20y%3D%2213.333%22%20rx%3D%222.333%22%20ry%3D%222.333%22%2F%3E%3Cpath%20d%3D%22M10.617%209.83a1.67%201.67%200%200%200-.005-1.669L7.107%202.148c-.606-1.033-2.274-1.033-2.88%200L.722%208.161a1.67%201.67%200%200%200-.005%201.67c.297.516.85.836%201.445.836h7.011a1.67%201.67%200%200%200%201.445-.836%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/shapes-filled.svg?color=%231a73e8&size=48

Shapes filled icon — Reicon · IconsDB