case icon
case-broken from Solar by 480 Design · Broken · School · CC-BY-4.0 Attribution required.
- Name
- case-broken
- Set
- Solar
- Style
- Broken
- Category
- School
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More school icons from Solar
backpack-boldbook-2-boldbook-boldbook-bookmark-boldbook-bookmark-minimalistic-boldbook-minimalistic-boldbookmark-boldbookmark-circle-boldbookmark-opened-boldbookmark-square-boldbookmark-square-minimalistic-boldcalculator-boldcalculator-minimalistic-boldcase-minimalistic-boldcase-round-boldcase-round-minimalistic-bolddiploma-bolddiploma-verified-bolddocument-2-boldnotebook-2-boldnotebook-bookmark-boldnotebook-minimalistic-boldnotebook-square-boldpassport-bold
Use the case 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-width="1.5"><path stroke-linecap="round" d="M12 22C16.2426 22 18.364 22 19.682 20.8284C20.9549 19.6969 20.9985 16.0341 20.9999 12.3876"/><path stroke-linecap="round" d="M3.31812 12.8284C3.31812 16.2457 3.31812 19.7667 4.31812 20.8284C5.13373 21.5534 6.25685 21.8298 8 21.9351"/><path stroke-linecap="round" d="M14.6603 14.2019L17.664 13.3008M9.33968 14.2019L3.3324 12.3997C2.7369 12.2211 2.43915 12.1317 2.25021 11.9176C2.21341 11.8759 2.18015 11.8312 2.15078 11.784C2 11.5415 2 11.2307 2 10.6089C2 8.15877 2 6.9337 2.67298 6.10659C2.80233 5.94763 2.94763 5.80233 3.10659 5.67298C3.9337 5 5.15877 5 7.60893 5H16.3911C18.8412 5 20.0663 5 20.8934 5.67298C21.0524 5.80233 21.1977 5.94763 21.327 6.10659C22 6.9337 22 8.15877 22 10.6089C22 11.2307 22 11.5415 21.8492 11.784C21.8199 11.8312 21.7866 11.8759 21.7498 11.9176C21.5999 12.0875 21.3814 12.1789 21 12.2986"/><path d="M6.5 5C7.32344 4.97913 8.15925 4.45491 8.43944 3.68032C8.44806 3.65649 8.4569 3.62999 8.47457 3.57697L8.50023 3.5C8.54241 3.37344 8.56351 3.31014 8.58608 3.254C8.87427 2.53712 9.54961 2.05037 10.3208 2.00366C10.3812 2 10.4479 2 10.5814 2H13.4191C13.5525 2 13.6192 2 13.6796 2.00366C14.4508 2.05037 15.1262 2.53712 15.4144 3.254C15.4369 3.31014 15.458 3.37343 15.5002 3.5L15.5259 3.57697C15.5435 3.62968 15.5524 3.65656 15.561 3.68032C15.8412 4.45491 16.6766 4.97913 17.5 5"/><path stroke-linecap="round" d="M14 12.5H10C9.72386 12.5 9.5 12.7239 9.5 13V15.1615C9.5 15.3659 9.62448 15.5498 9.8143 15.6257L10.5144 15.9058C11.4681 16.2872 12.5319 16.2872 13.4856 15.9058L14.1857 15.6257C14.3755 15.5498 14.5 15.3659 14.5 15.1615V13C14.5 12.7239 14.2761 12.5 14 12.5Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCaseBroken(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" strokeWidth="1.5"><path strokeLinecap="round" d="M12 22C16.2426 22 18.364 22 19.682 20.8284C20.9549 19.6969 20.9985 16.0341 20.9999 12.3876"/><path strokeLinecap="round" d="M3.31812 12.8284C3.31812 16.2457 3.31812 19.7667 4.31812 20.8284C5.13373 21.5534 6.25685 21.8298 8 21.9351"/><path strokeLinecap="round" d="M14.6603 14.2019L17.664 13.3008M9.33968 14.2019L3.3324 12.3997C2.7369 12.2211 2.43915 12.1317 2.25021 11.9176C2.21341 11.8759 2.18015 11.8312 2.15078 11.784C2 11.5415 2 11.2307 2 10.6089C2 8.15877 2 6.9337 2.67298 6.10659C2.80233 5.94763 2.94763 5.80233 3.10659 5.67298C3.9337 5 5.15877 5 7.60893 5H16.3911C18.8412 5 20.0663 5 20.8934 5.67298C21.0524 5.80233 21.1977 5.94763 21.327 6.10659C22 6.9337 22 8.15877 22 10.6089C22 11.2307 22 11.5415 21.8492 11.784C21.8199 11.8312 21.7866 11.8759 21.7498 11.9176C21.5999 12.0875 21.3814 12.1789 21 12.2986"/><path d="M6.5 5C7.32344 4.97913 8.15925 4.45491 8.43944 3.68032C8.44806 3.65649 8.4569 3.62999 8.47457 3.57697L8.50023 3.5C8.54241 3.37344 8.56351 3.31014 8.58608 3.254C8.87427 2.53712 9.54961 2.05037 10.3208 2.00366C10.3812 2 10.4479 2 10.5814 2H13.4191C13.5525 2 13.6192 2 13.6796 2.00366C14.4508 2.05037 15.1262 2.53712 15.4144 3.254C15.4369 3.31014 15.458 3.37343 15.5002 3.5L15.5259 3.57697C15.5435 3.62968 15.5524 3.65656 15.561 3.68032C15.8412 4.45491 16.6766 4.97913 17.5 5"/><path strokeLinecap="round" d="M14 12.5H10C9.72386 12.5 9.5 12.7239 9.5 13V15.1615C9.5 15.3659 9.62448 15.5498 9.8143 15.6257L10.5144 15.9058C11.4681 16.2872 12.5319 16.2872 13.4856 15.9058L14.1857 15.6257C14.3755 15.5498 14.5 15.3659 14.5 15.1615V13C14.5 12.7239 14.2761 12.5 14 12.5Z"/></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-width="1.5"><path stroke-linecap="round" d="M12 22C16.2426 22 18.364 22 19.682 20.8284C20.9549 19.6969 20.9985 16.0341 20.9999 12.3876"/><path stroke-linecap="round" d="M3.31812 12.8284C3.31812 16.2457 3.31812 19.7667 4.31812 20.8284C5.13373 21.5534 6.25685 21.8298 8 21.9351"/><path stroke-linecap="round" d="M14.6603 14.2019L17.664 13.3008M9.33968 14.2019L3.3324 12.3997C2.7369 12.2211 2.43915 12.1317 2.25021 11.9176C2.21341 11.8759 2.18015 11.8312 2.15078 11.784C2 11.5415 2 11.2307 2 10.6089C2 8.15877 2 6.9337 2.67298 6.10659C2.80233 5.94763 2.94763 5.80233 3.10659 5.67298C3.9337 5 5.15877 5 7.60893 5H16.3911C18.8412 5 20.0663 5 20.8934 5.67298C21.0524 5.80233 21.1977 5.94763 21.327 6.10659C22 6.9337 22 8.15877 22 10.6089C22 11.2307 22 11.5415 21.8492 11.784C21.8199 11.8312 21.7866 11.8759 21.7498 11.9176C21.5999 12.0875 21.3814 12.1789 21 12.2986"/><path d="M6.5 5C7.32344 4.97913 8.15925 4.45491 8.43944 3.68032C8.44806 3.65649 8.4569 3.62999 8.47457 3.57697L8.50023 3.5C8.54241 3.37344 8.56351 3.31014 8.58608 3.254C8.87427 2.53712 9.54961 2.05037 10.3208 2.00366C10.3812 2 10.4479 2 10.5814 2H13.4191C13.5525 2 13.6192 2 13.6796 2.00366C14.4508 2.05037 15.1262 2.53712 15.4144 3.254C15.4369 3.31014 15.458 3.37343 15.5002 3.5L15.5259 3.57697C15.5435 3.62968 15.5524 3.65656 15.561 3.68032C15.8412 4.45491 16.6766 4.97913 17.5 5"/><path stroke-linecap="round" d="M14 12.5H10C9.72386 12.5 9.5 12.7239 9.5 13V15.1615C9.5 15.3659 9.62448 15.5498 9.8143 15.6257L10.5144 15.9058C11.4681 16.2872 12.5319 16.2872 13.4856 15.9058L14.1857 15.6257C14.3755 15.5498 14.5 15.3659 14.5 15.1615V13C14.5 12.7239 14.2761 12.5 14 12.5Z"/></g></svg> </template>
CSS
.icon-case-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-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2022C16.2426%2022%2018.364%2022%2019.682%2020.8284C20.9549%2019.6969%2020.9985%2016.0341%2020.9999%2012.3876%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3.31812%2012.8284C3.31812%2016.2457%203.31812%2019.7667%204.31812%2020.8284C5.13373%2021.5534%206.25685%2021.8298%208%2021.9351%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.6603%2014.2019L17.664%2013.3008M9.33968%2014.2019L3.3324%2012.3997C2.7369%2012.2211%202.43915%2012.1317%202.25021%2011.9176C2.21341%2011.8759%202.18015%2011.8312%202.15078%2011.784C2%2011.5415%202%2011.2307%202%2010.6089C2%208.15877%202%206.9337%202.67298%206.10659C2.80233%205.94763%202.94763%205.80233%203.10659%205.67298C3.9337%205%205.15877%205%207.60893%205H16.3911C18.8412%205%2020.0663%205%2020.8934%205.67298C21.0524%205.80233%2021.1977%205.94763%2021.327%206.10659C22%206.9337%2022%208.15877%2022%2010.6089C22%2011.2307%2022%2011.5415%2021.8492%2011.784C21.8199%2011.8312%2021.7866%2011.8759%2021.7498%2011.9176C21.5999%2012.0875%2021.3814%2012.1789%2021%2012.2986%22%2F%3E%3Cpath%20d%3D%22M6.5%205C7.32344%204.97913%208.15925%204.45491%208.43944%203.68032C8.44806%203.65649%208.4569%203.62999%208.47457%203.57697L8.50023%203.5C8.54241%203.37344%208.56351%203.31014%208.58608%203.254C8.87427%202.53712%209.54961%202.05037%2010.3208%202.00366C10.3812%202%2010.4479%202%2010.5814%202H13.4191C13.5525%202%2013.6192%202%2013.6796%202.00366C14.4508%202.05037%2015.1262%202.53712%2015.4144%203.254C15.4369%203.31014%2015.458%203.37343%2015.5002%203.5L15.5259%203.57697C15.5435%203.62968%2015.5524%203.65656%2015.561%203.68032C15.8412%204.45491%2016.6766%204.97913%2017.5%205%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14%2012.5H10C9.72386%2012.5%209.5%2012.7239%209.5%2013V15.1615C9.5%2015.3659%209.62448%2015.5498%209.8143%2015.6257L10.5144%2015.9058C11.4681%2016.2872%2012.5319%2016.2872%2013.4856%2015.9058L14.1857%2015.6257C14.3755%2015.5498%2014.5%2015.3659%2014.5%2015.1615V13C14.5%2012.7239%2014.2761%2012.5%2014%2012.5Z%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-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2022C16.2426%2022%2018.364%2022%2019.682%2020.8284C20.9549%2019.6969%2020.9985%2016.0341%2020.9999%2012.3876%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3.31812%2012.8284C3.31812%2016.2457%203.31812%2019.7667%204.31812%2020.8284C5.13373%2021.5534%206.25685%2021.8298%208%2021.9351%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.6603%2014.2019L17.664%2013.3008M9.33968%2014.2019L3.3324%2012.3997C2.7369%2012.2211%202.43915%2012.1317%202.25021%2011.9176C2.21341%2011.8759%202.18015%2011.8312%202.15078%2011.784C2%2011.5415%202%2011.2307%202%2010.6089C2%208.15877%202%206.9337%202.67298%206.10659C2.80233%205.94763%202.94763%205.80233%203.10659%205.67298C3.9337%205%205.15877%205%207.60893%205H16.3911C18.8412%205%2020.0663%205%2020.8934%205.67298C21.0524%205.80233%2021.1977%205.94763%2021.327%206.10659C22%206.9337%2022%208.15877%2022%2010.6089C22%2011.2307%2022%2011.5415%2021.8492%2011.784C21.8199%2011.8312%2021.7866%2011.8759%2021.7498%2011.9176C21.5999%2012.0875%2021.3814%2012.1789%2021%2012.2986%22%2F%3E%3Cpath%20d%3D%22M6.5%205C7.32344%204.97913%208.15925%204.45491%208.43944%203.68032C8.44806%203.65649%208.4569%203.62999%208.47457%203.57697L8.50023%203.5C8.54241%203.37344%208.56351%203.31014%208.58608%203.254C8.87427%202.53712%209.54961%202.05037%2010.3208%202.00366C10.3812%202%2010.4479%202%2010.5814%202H13.4191C13.5525%202%2013.6192%202%2013.6796%202.00366C14.4508%202.05037%2015.1262%202.53712%2015.4144%203.254C15.4369%203.31014%2015.458%203.37343%2015.5002%203.5L15.5259%203.57697C15.5435%203.62968%2015.5524%203.65656%2015.561%203.68032C15.8412%204.45491%2016.6766%204.97913%2017.5%205%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14%2012.5H10C9.72386%2012.5%209.5%2012.7239%209.5%2013V15.1615C9.5%2015.3659%209.62448%2015.5498%209.8143%2015.6257L10.5144%2015.9058C11.4681%2016.2872%2012.5319%2016.2872%2013.4856%2015.9058L14.1857%2015.6257C14.3755%2015.5498%2014.5%2015.3659%2014.5%2015.1615V13C14.5%2012.7239%2014.2761%2012.5%2014%2012.5Z%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/case-broken.svg?color=%231a73e8&size=48
