box icon
box-broken from Solar by 480 Design · Broken · UI · CC-BY-4.0 Attribution required.
- Name
- box-broken
- Set
- Solar
- Style
- Broken
- 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="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M21.9844 10C21.9473 8.68893 21.8226 7.85305 21.4026 7.13974C20.8052 6.12523 19.7294 5.56066 17.5777 4.43152L15.5777 3.38197C13.8221 2.46066 12.9443 2 12 2C11.0557 2 10.1779 2.46066 8.42229 3.38197L6.42229 4.43152C4.27063 5.56066 3.19479 6.12523 2.5974 7.13974C2 8.15425 2 9.41667 2 11.9415V12.0585C2 14.5833 2 15.8458 2.5974 16.8603C3.19479 17.8748 4.27063 18.4393 6.42229 19.5685L8.42229 20.618C10.1779 21.5393 11.0557 22 12 22C12.9443 22 13.8221 21.5393 15.5777 20.618L17.5777 19.5685C19.7294 18.4393 20.8052 17.8748 21.4026 16.8603C21.8226 16.1469 21.9473 15.3111 21.9844 14"/><path d="M21 7.5L17 9.5M12 12L3 7.5M12 12V21.5M12 12C12 12 14.7426 10.6287 16.5 9.75C16.6953 9.65237 17 9.5 17 9.5M17 9.5V13M17 9.5L7.5 4.5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarBoxBroken(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M21.9844 10C21.9473 8.68893 21.8226 7.85305 21.4026 7.13974C20.8052 6.12523 19.7294 5.56066 17.5777 4.43152L15.5777 3.38197C13.8221 2.46066 12.9443 2 12 2C11.0557 2 10.1779 2.46066 8.42229 3.38197L6.42229 4.43152C4.27063 5.56066 3.19479 6.12523 2.5974 7.13974C2 8.15425 2 9.41667 2 11.9415V12.0585C2 14.5833 2 15.8458 2.5974 16.8603C3.19479 17.8748 4.27063 18.4393 6.42229 19.5685L8.42229 20.618C10.1779 21.5393 11.0557 22 12 22C12.9443 22 13.8221 21.5393 15.5777 20.618L17.5777 19.5685C19.7294 18.4393 20.8052 17.8748 21.4026 16.8603C21.8226 16.1469 21.9473 15.3111 21.9844 14"/><path d="M21 7.5L17 9.5M12 12L3 7.5M12 12V21.5M12 12C12 12 14.7426 10.6287 16.5 9.75C16.6953 9.65237 17 9.5 17 9.5M17 9.5V13M17 9.5L7.5 4.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M21.9844 10C21.9473 8.68893 21.8226 7.85305 21.4026 7.13974C20.8052 6.12523 19.7294 5.56066 17.5777 4.43152L15.5777 3.38197C13.8221 2.46066 12.9443 2 12 2C11.0557 2 10.1779 2.46066 8.42229 3.38197L6.42229 4.43152C4.27063 5.56066 3.19479 6.12523 2.5974 7.13974C2 8.15425 2 9.41667 2 11.9415V12.0585C2 14.5833 2 15.8458 2.5974 16.8603C3.19479 17.8748 4.27063 18.4393 6.42229 19.5685L8.42229 20.618C10.1779 21.5393 11.0557 22 12 22C12.9443 22 13.8221 21.5393 15.5777 20.618L17.5777 19.5685C19.7294 18.4393 20.8052 17.8748 21.4026 16.8603C21.8226 16.1469 21.9473 15.3111 21.9844 14"/><path d="M21 7.5L17 9.5M12 12L3 7.5M12 12V21.5M12 12C12 12 14.7426 10.6287 16.5 9.75C16.6953 9.65237 17 9.5 17 9.5M17 9.5V13M17 9.5L7.5 4.5"/></g></svg> </template>
CSS
.icon-box-broken {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21.9844%2010C21.9473%208.68893%2021.8226%207.85305%2021.4026%207.13974C20.8052%206.12523%2019.7294%205.56066%2017.5777%204.43152L15.5777%203.38197C13.8221%202.46066%2012.9443%202%2012%202C11.0557%202%2010.1779%202.46066%208.42229%203.38197L6.42229%204.43152C4.27063%205.56066%203.19479%206.12523%202.5974%207.13974C2%208.15425%202%209.41667%202%2011.9415V12.0585C2%2014.5833%202%2015.8458%202.5974%2016.8603C3.19479%2017.8748%204.27063%2018.4393%206.42229%2019.5685L8.42229%2020.618C10.1779%2021.5393%2011.0557%2022%2012%2022C12.9443%2022%2013.8221%2021.5393%2015.5777%2020.618L17.5777%2019.5685C19.7294%2018.4393%2020.8052%2017.8748%2021.4026%2016.8603C21.8226%2016.1469%2021.9473%2015.3111%2021.9844%2014%22%2F%3E%3Cpath%20d%3D%22M21%207.5L17%209.5M12%2012L3%207.5M12%2012V21.5M12%2012C12%2012%2014.7426%2010.6287%2016.5%209.75C16.6953%209.65237%2017%209.5%2017%209.5M17%209.5V13M17%209.5L7.5%204.5%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M21.9844%2010C21.9473%208.68893%2021.8226%207.85305%2021.4026%207.13974C20.8052%206.12523%2019.7294%205.56066%2017.5777%204.43152L15.5777%203.38197C13.8221%202.46066%2012.9443%202%2012%202C11.0557%202%2010.1779%202.46066%208.42229%203.38197L6.42229%204.43152C4.27063%205.56066%203.19479%206.12523%202.5974%207.13974C2%208.15425%202%209.41667%202%2011.9415V12.0585C2%2014.5833%202%2015.8458%202.5974%2016.8603C3.19479%2017.8748%204.27063%2018.4393%206.42229%2019.5685L8.42229%2020.618C10.1779%2021.5393%2011.0557%2022%2012%2022C12.9443%2022%2013.8221%2021.5393%2015.5777%2020.618L17.5777%2019.5685C19.7294%2018.4393%2020.8052%2017.8748%2021.4026%2016.8603C21.8226%2016.1469%2021.9473%2015.3111%2021.9844%2014%22%2F%3E%3Cpath%20d%3D%22M21%207.5L17%209.5M12%2012L3%207.5M12%2012V21.5M12%2012C12%2012%2014.7426%2010.6287%2016.5%209.75C16.6953%209.65237%2017%209.5%2017%209.5M17%209.5V13M17%209.5L7.5%204.5%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-broken.svg?color=%231a73e8&size=48
