box5 icon
box5-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- box5-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the box5 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.208 7.821l-7.7 4.46c-.31.18-.7.18-1.02 0l-7.7-4.46c-.55-.32-.69-1.07-.27-1.54c.29-.33.62-.6.97-.79l5.42-3c1.16-.65 3.04-.65 4.2 0l5.42 3c.35.19.68.47.97.79c.4.47.26 1.22-.29 1.54m-8.778 6.318v6.82c0 .76-.77 1.26-1.45.93c-2.06-1.01-5.53-2.9-5.53-2.9c-1.22-.69-2.22-2.43-2.22-3.86v-5.16c0-.79.83-1.29 1.51-.9l7.19 4.17c.3.19.5.53.5.9m1.14 0v6.82c0 .76.77 1.26 1.45.93c2.06-1.01 5.53-2.9 5.53-2.9c1.22-.69 2.22-2.43 2.22-3.86v-5.16c0-.79-.83-1.29-1.51-.9l-7.19 4.17c-.3.19-.5.53-.5.9"/></svg>
React
import type { SVGProps } from "react";
export function ReiconBox5Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.208 7.821l-7.7 4.46c-.31.18-.7.18-1.02 0l-7.7-4.46c-.55-.32-.69-1.07-.27-1.54c.29-.33.62-.6.97-.79l5.42-3c1.16-.65 3.04-.65 4.2 0l5.42 3c.35.19.68.47.97.79c.4.47.26 1.22-.29 1.54m-8.778 6.318v6.82c0 .76-.77 1.26-1.45.93c-2.06-1.01-5.53-2.9-5.53-2.9c-1.22-.69-2.22-2.43-2.22-3.86v-5.16c0-.79.83-1.29 1.51-.9l7.19 4.17c.3.19.5.53.5.9m1.14 0v6.82c0 .76.77 1.26 1.45.93c2.06-1.01 5.53-2.9 5.53-2.9c1.22-.69 2.22-2.43 2.22-3.86v-5.16c0-.79-.83-1.29-1.51-.9l-7.19 4.17c-.3.19-.5.53-.5.9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.208 7.821l-7.7 4.46c-.31.18-.7.18-1.02 0l-7.7-4.46c-.55-.32-.69-1.07-.27-1.54c.29-.33.62-.6.97-.79l5.42-3c1.16-.65 3.04-.65 4.2 0l5.42 3c.35.19.68.47.97.79c.4.47.26 1.22-.29 1.54m-8.778 6.318v6.82c0 .76-.77 1.26-1.45.93c-2.06-1.01-5.53-2.9-5.53-2.9c-1.22-.69-2.22-2.43-2.22-3.86v-5.16c0-.79.83-1.29 1.51-.9l7.19 4.17c.3.19.5.53.5.9m1.14 0v6.82c0 .76.77 1.26 1.45.93c2.06-1.01 5.53-2.9 5.53-2.9c1.22-.69 2.22-2.43 2.22-3.86v-5.16c0-.79-.83-1.29-1.51-.9l-7.19 4.17c-.3.19-.5.53-.5.9"/></svg> </template>
CSS
.icon-box5-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m20.208%207.821l-7.7%204.46c-.31.18-.7.18-1.02%200l-7.7-4.46c-.55-.32-.69-1.07-.27-1.54c.29-.33.62-.6.97-.79l5.42-3c1.16-.65%203.04-.65%204.2%200l5.42%203c.35.19.68.47.97.79c.4.47.26%201.22-.29%201.54m-8.778%206.318v6.82c0%20.76-.77%201.26-1.45.93c-2.06-1.01-5.53-2.9-5.53-2.9c-1.22-.69-2.22-2.43-2.22-3.86v-5.16c0-.79.83-1.29%201.51-.9l7.19%204.17c.3.19.5.53.5.9m1.14%200v6.82c0%20.76.77%201.26%201.45.93c2.06-1.01%205.53-2.9%205.53-2.9c1.22-.69%202.22-2.43%202.22-3.86v-5.16c0-.79-.83-1.29-1.51-.9l-7.19%204.17c-.3.19-.5.53-.5.9%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%22currentColor%22%20d%3D%22m20.208%207.821l-7.7%204.46c-.31.18-.7.18-1.02%200l-7.7-4.46c-.55-.32-.69-1.07-.27-1.54c.29-.33.62-.6.97-.79l5.42-3c1.16-.65%203.04-.65%204.2%200l5.42%203c.35.19.68.47.97.79c.4.47.26%201.22-.29%201.54m-8.778%206.318v6.82c0%20.76-.77%201.26-1.45.93c-2.06-1.01-5.53-2.9-5.53-2.9c-1.22-.69-2.22-2.43-2.22-3.86v-5.16c0-.79.83-1.29%201.51-.9l7.19%204.17c.3.19.5.53.5.9m1.14%200v6.82c0%20.76.77%201.26%201.45.93c2.06-1.01%205.53-2.9%205.53-2.9c1.22-.69%202.22-2.43%202.22-3.86v-5.16c0-.79-.83-1.29-1.51-.9l-7.19%204.17c-.3.19-.5.53-.5.9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/box5-filled.svg?color=%231a73e8&size=48
