box icon
box-bold from Solar by 480 Design · Bold · UI · CC-BY-4.0 Attribution required.
- Name
- box-bold
- Set
- Solar
- Style
- Bold
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
boxAkar IconsboxBootstrap IconsboxBoxIcons v2boxBoxIcons v2 SolidboxCarbonboxElement PlusboxFont Awesome 6 SolidboxFont Awesome SolidboxFeather Iconsbox-16-filledFluent UI System Iconsboxcss.ggboxHuge IconsboxHumbleiconsboxIconParkboxIconPark OutlineboxIconPark SolidboxIconPark TwoToneboxIconoirboxJam IconsboxLine AwesomeboxSVG LogosboxLucideboxMage IconsboxMajesticons
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-boldcircle-dashed-bold
Use the box icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M17.5777 4.43152L15.5777 3.38197C13.8221 2.46066 12.9443 2 12 2C11.0557 2 10.1779 2.46066 8.42229 3.38197L8.10057 3.5508L17.0236 8.64967L21.0403 6.64132C20.3941 5.90949 19.3515 5.36234 17.5777 4.43152Z"/><path d="M21.7484 7.96434L17.75 9.96353V13C17.75 13.4142 17.4142 13.75 17 13.75C16.5858 13.75 16.25 13.4142 16.25 13V10.7135L12.75 12.4635V21.904C13.4679 21.7252 14.2848 21.2965 15.5777 20.618L17.5777 19.5685C19.7294 18.4393 20.8052 17.8748 21.4026 16.8603C22 15.8458 22 14.5833 22 12.0585V11.9415C22 10.0489 22 8.86557 21.7484 7.96434Z"/><path d="M11.25 21.904V12.4635L2.25164 7.96434C2 8.86557 2 10.0489 2 11.9415V12.0585C2 14.5833 2 15.8458 2.5974 16.8603C3.19479 17.8748 4.27062 18.4393 6.42228 19.5685L8.42229 20.618C9.71524 21.2965 10.5321 21.7252 11.25 21.904Z"/><path d="M2.95969 6.64132L12 11.1615L15.4112 9.4559L6.52456 4.37785L6.42229 4.43152C4.64855 5.36234 3.6059 5.90949 2.95969 6.64132Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarBoxBold(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="M17.5777 4.43152L15.5777 3.38197C13.8221 2.46066 12.9443 2 12 2C11.0557 2 10.1779 2.46066 8.42229 3.38197L8.10057 3.5508L17.0236 8.64967L21.0403 6.64132C20.3941 5.90949 19.3515 5.36234 17.5777 4.43152Z"/><path d="M21.7484 7.96434L17.75 9.96353V13C17.75 13.4142 17.4142 13.75 17 13.75C16.5858 13.75 16.25 13.4142 16.25 13V10.7135L12.75 12.4635V21.904C13.4679 21.7252 14.2848 21.2965 15.5777 20.618L17.5777 19.5685C19.7294 18.4393 20.8052 17.8748 21.4026 16.8603C22 15.8458 22 14.5833 22 12.0585V11.9415C22 10.0489 22 8.86557 21.7484 7.96434Z"/><path d="M11.25 21.904V12.4635L2.25164 7.96434C2 8.86557 2 10.0489 2 11.9415V12.0585C2 14.5833 2 15.8458 2.5974 16.8603C3.19479 17.8748 4.27062 18.4393 6.42228 19.5685L8.42229 20.618C9.71524 21.2965 10.5321 21.7252 11.25 21.904Z"/><path d="M2.95969 6.64132L12 11.1615L15.4112 9.4559L6.52456 4.37785L6.42229 4.43152C4.64855 5.36234 3.6059 5.90949 2.95969 6.64132Z"/></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="M17.5777 4.43152L15.5777 3.38197C13.8221 2.46066 12.9443 2 12 2C11.0557 2 10.1779 2.46066 8.42229 3.38197L8.10057 3.5508L17.0236 8.64967L21.0403 6.64132C20.3941 5.90949 19.3515 5.36234 17.5777 4.43152Z"/><path d="M21.7484 7.96434L17.75 9.96353V13C17.75 13.4142 17.4142 13.75 17 13.75C16.5858 13.75 16.25 13.4142 16.25 13V10.7135L12.75 12.4635V21.904C13.4679 21.7252 14.2848 21.2965 15.5777 20.618L17.5777 19.5685C19.7294 18.4393 20.8052 17.8748 21.4026 16.8603C22 15.8458 22 14.5833 22 12.0585V11.9415C22 10.0489 22 8.86557 21.7484 7.96434Z"/><path d="M11.25 21.904V12.4635L2.25164 7.96434C2 8.86557 2 10.0489 2 11.9415V12.0585C2 14.5833 2 15.8458 2.5974 16.8603C3.19479 17.8748 4.27062 18.4393 6.42228 19.5685L8.42229 20.618C9.71524 21.2965 10.5321 21.7252 11.25 21.904Z"/><path d="M2.95969 6.64132L12 11.1615L15.4112 9.4559L6.52456 4.37785L6.42229 4.43152C4.64855 5.36234 3.6059 5.90949 2.95969 6.64132Z"/></g></svg> </template>
CSS
.icon-box-bold {
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%22M17.5777%204.43152L15.5777%203.38197C13.8221%202.46066%2012.9443%202%2012%202C11.0557%202%2010.1779%202.46066%208.42229%203.38197L8.10057%203.5508L17.0236%208.64967L21.0403%206.64132C20.3941%205.90949%2019.3515%205.36234%2017.5777%204.43152Z%22%2F%3E%3Cpath%20d%3D%22M21.7484%207.96434L17.75%209.96353V13C17.75%2013.4142%2017.4142%2013.75%2017%2013.75C16.5858%2013.75%2016.25%2013.4142%2016.25%2013V10.7135L12.75%2012.4635V21.904C13.4679%2021.7252%2014.2848%2021.2965%2015.5777%2020.618L17.5777%2019.5685C19.7294%2018.4393%2020.8052%2017.8748%2021.4026%2016.8603C22%2015.8458%2022%2014.5833%2022%2012.0585V11.9415C22%2010.0489%2022%208.86557%2021.7484%207.96434Z%22%2F%3E%3Cpath%20d%3D%22M11.25%2021.904V12.4635L2.25164%207.96434C2%208.86557%202%2010.0489%202%2011.9415V12.0585C2%2014.5833%202%2015.8458%202.5974%2016.8603C3.19479%2017.8748%204.27062%2018.4393%206.42228%2019.5685L8.42229%2020.618C9.71524%2021.2965%2010.5321%2021.7252%2011.25%2021.904Z%22%2F%3E%3Cpath%20d%3D%22M2.95969%206.64132L12%2011.1615L15.4112%209.4559L6.52456%204.37785L6.42229%204.43152C4.64855%205.36234%203.6059%205.90949%202.95969%206.64132Z%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%22M17.5777%204.43152L15.5777%203.38197C13.8221%202.46066%2012.9443%202%2012%202C11.0557%202%2010.1779%202.46066%208.42229%203.38197L8.10057%203.5508L17.0236%208.64967L21.0403%206.64132C20.3941%205.90949%2019.3515%205.36234%2017.5777%204.43152Z%22%2F%3E%3Cpath%20d%3D%22M21.7484%207.96434L17.75%209.96353V13C17.75%2013.4142%2017.4142%2013.75%2017%2013.75C16.5858%2013.75%2016.25%2013.4142%2016.25%2013V10.7135L12.75%2012.4635V21.904C13.4679%2021.7252%2014.2848%2021.2965%2015.5777%2020.618L17.5777%2019.5685C19.7294%2018.4393%2020.8052%2017.8748%2021.4026%2016.8603C22%2015.8458%2022%2014.5833%2022%2012.0585V11.9415C22%2010.0489%2022%208.86557%2021.7484%207.96434Z%22%2F%3E%3Cpath%20d%3D%22M11.25%2021.904V12.4635L2.25164%207.96434C2%208.86557%202%2010.0489%202%2011.9415V12.0585C2%2014.5833%202%2015.8458%202.5974%2016.8603C3.19479%2017.8748%204.27062%2018.4393%206.42228%2019.5685L8.42229%2020.618C9.71524%2021.2965%2010.5321%2021.7252%2011.25%2021.904Z%22%2F%3E%3Cpath%20d%3D%22M2.95969%206.64132L12%2011.1615L15.4112%209.4559L6.52456%204.37785L6.42229%204.43152C4.64855%205.36234%203.6059%205.90949%202.95969%206.64132Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/box-bold.svg?color=%231a73e8&size=48
