box2 icon
box2-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- box2-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More newicons icons from Reicon
Use the box2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.098 6.94c0 .54-.29 1.03-.75 1.28l-1.74.94l-1.48.79l-3.07 1.66c-.33.18-.69.27-1.06.27s-.73-.09-1.06-.27l-6.29-3.39c-.46-.25-.75-.74-.75-1.28s.29-1.03.75-1.28l1.97-1.06l1.57-.85l2.75-1.48c.66-.36 1.46-.36 2.12 0l6.29 3.39c.46.25.75.74.75 1.28M9.899 12.79l-5.85-2.92c-.45-.23-.97-.2-1.4.06s-.68.72-.68 1.22v5.53c0 .96.53 1.82 1.39 2.25l5.85 2.92c.2.1.42.15.64.15c.26 0 .52-.07.75-.22c.43-.26.68-.72.68-1.22v-5.53c.01-.95-.52-1.81-1.38-2.24m12.131-1.64v5.53c0 .95-.53 1.81-1.39 2.24l-5.85 2.93a1.43 1.43 0 0 1-1.4-.07c-.42-.26-.68-.72-.68-1.22v-5.52c0-.96.53-1.82 1.39-2.25l2.15-1.07l1.5-.75l2.2-1.1c.45-.23.97-.21 1.4.06c.42.26.68.72.68 1.22"/><path d="m17.611 9.16l-1.48.79l-9.51-5.35l1.57-.85l9.18 5.18c.1.06.18.14.24.23m.139 1.809v2.27c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-1.52z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconBox2Filled(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"><path d="M20.098 6.94c0 .54-.29 1.03-.75 1.28l-1.74.94l-1.48.79l-3.07 1.66c-.33.18-.69.27-1.06.27s-.73-.09-1.06-.27l-6.29-3.39c-.46-.25-.75-.74-.75-1.28s.29-1.03.75-1.28l1.97-1.06l1.57-.85l2.75-1.48c.66-.36 1.46-.36 2.12 0l6.29 3.39c.46.25.75.74.75 1.28M9.899 12.79l-5.85-2.92c-.45-.23-.97-.2-1.4.06s-.68.72-.68 1.22v5.53c0 .96.53 1.82 1.39 2.25l5.85 2.92c.2.1.42.15.64.15c.26 0 .52-.07.75-.22c.43-.26.68-.72.68-1.22v-5.53c.01-.95-.52-1.81-1.38-2.24m12.131-1.64v5.53c0 .95-.53 1.81-1.39 2.24l-5.85 2.93a1.43 1.43 0 0 1-1.4-.07c-.42-.26-.68-.72-.68-1.22v-5.52c0-.96.53-1.82 1.39-2.25l2.15-1.07l1.5-.75l2.2-1.1c.45-.23.97-.21 1.4.06c.42.26.68.72.68 1.22"/><path d="m17.611 9.16l-1.48.79l-9.51-5.35l1.57-.85l9.18 5.18c.1.06.18.14.24.23m.139 1.809v2.27c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-1.52z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20.098 6.94c0 .54-.29 1.03-.75 1.28l-1.74.94l-1.48.79l-3.07 1.66c-.33.18-.69.27-1.06.27s-.73-.09-1.06-.27l-6.29-3.39c-.46-.25-.75-.74-.75-1.28s.29-1.03.75-1.28l1.97-1.06l1.57-.85l2.75-1.48c.66-.36 1.46-.36 2.12 0l6.29 3.39c.46.25.75.74.75 1.28M9.899 12.79l-5.85-2.92c-.45-.23-.97-.2-1.4.06s-.68.72-.68 1.22v5.53c0 .96.53 1.82 1.39 2.25l5.85 2.92c.2.1.42.15.64.15c.26 0 .52-.07.75-.22c.43-.26.68-.72.68-1.22v-5.53c.01-.95-.52-1.81-1.38-2.24m12.131-1.64v5.53c0 .95-.53 1.81-1.39 2.24l-5.85 2.93a1.43 1.43 0 0 1-1.4-.07c-.42-.26-.68-.72-.68-1.22v-5.52c0-.96.53-1.82 1.39-2.25l2.15-1.07l1.5-.75l2.2-1.1c.45-.23.97-.21 1.4.06c.42.26.68.72.68 1.22"/><path d="m17.611 9.16l-1.48.79l-9.51-5.35l1.57-.85l9.18 5.18c.1.06.18.14.24.23m.139 1.809v2.27c0 .41-.34.75-.75.75s-.75-.34-.75-.75v-1.52z"/></g></svg> </template>
CSS
.icon-box2-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%3Cpath%20d%3D%22M20.098%206.94c0%20.54-.29%201.03-.75%201.28l-1.74.94l-1.48.79l-3.07%201.66c-.33.18-.69.27-1.06.27s-.73-.09-1.06-.27l-6.29-3.39c-.46-.25-.75-.74-.75-1.28s.29-1.03.75-1.28l1.97-1.06l1.57-.85l2.75-1.48c.66-.36%201.46-.36%202.12%200l6.29%203.39c.46.25.75.74.75%201.28M9.899%2012.79l-5.85-2.92c-.45-.23-.97-.2-1.4.06s-.68.72-.68%201.22v5.53c0%20.96.53%201.82%201.39%202.25l5.85%202.92c.2.1.42.15.64.15c.26%200%20.52-.07.75-.22c.43-.26.68-.72.68-1.22v-5.53c.01-.95-.52-1.81-1.38-2.24m12.131-1.64v5.53c0%20.95-.53%201.81-1.39%202.24l-5.85%202.93a1.43%201.43%200%200%201-1.4-.07c-.42-.26-.68-.72-.68-1.22v-5.52c0-.96.53-1.82%201.39-2.25l2.15-1.07l1.5-.75l2.2-1.1c.45-.23.97-.21%201.4.06c.42.26.68.72.68%201.22%22%2F%3E%3Cpath%20d%3D%22m17.611%209.16l-1.48.79l-9.51-5.35l1.57-.85l9.18%205.18c.1.06.18.14.24.23m.139%201.809v2.27c0%20.41-.34.75-.75.75s-.75-.34-.75-.75v-1.52z%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%3Cpath%20d%3D%22M20.098%206.94c0%20.54-.29%201.03-.75%201.28l-1.74.94l-1.48.79l-3.07%201.66c-.33.18-.69.27-1.06.27s-.73-.09-1.06-.27l-6.29-3.39c-.46-.25-.75-.74-.75-1.28s.29-1.03.75-1.28l1.97-1.06l1.57-.85l2.75-1.48c.66-.36%201.46-.36%202.12%200l6.29%203.39c.46.25.75.74.75%201.28M9.899%2012.79l-5.85-2.92c-.45-.23-.97-.2-1.4.06s-.68.72-.68%201.22v5.53c0%20.96.53%201.82%201.39%202.25l5.85%202.92c.2.1.42.15.64.15c.26%200%20.52-.07.75-.22c.43-.26.68-.72.68-1.22v-5.53c.01-.95-.52-1.81-1.38-2.24m12.131-1.64v5.53c0%20.95-.53%201.81-1.39%202.24l-5.85%202.93a1.43%201.43%200%200%201-1.4-.07c-.42-.26-.68-.72-.68-1.22v-5.52c0-.96.53-1.82%201.39-2.25l2.15-1.07l1.5-.75l2.2-1.1c.45-.23.97-.21%201.4.06c.42.26.68.72.68%201.22%22%2F%3E%3Cpath%20d%3D%22m17.611%209.16l-1.48.79l-9.51-5.35l1.57-.85l9.18%205.18c.1.06.18.14.24.23m.139%201.809v2.27c0%20.41-.34.75-.75.75s-.75-.34-.75-.75v-1.52z%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/box2-filled.svg?color=%231a73e8&size=48
