case icon
case-linear from Solar by 480 Design · Linear · School · CC-BY-4.0 Attribution required.
- Name
- case-linear
- Set
- Solar
- Style
- Linear
- 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 d="M3 12C3 15.7712 3 19.6569 4.31802 20.8284C5.63604 22 7.75736 22 12 22C16.2426 22 18.364 22 19.682 20.8284C21 19.6569 21 15.7712 21 12"/><path d="M14.6603 14.2019L20.6676 12.3997C21.2631 12.2211 21.5609 12.1317 21.7498 11.9176C21.7866 11.8759 21.8199 11.8312 21.8492 11.784C22 11.5415 22 11.2307 22 10.6089C22 8.15877 22 6.9337 21.327 6.10659C21.1977 5.94763 21.0524 5.80233 20.8934 5.67298C20.0663 5 18.8412 5 16.3911 5H7.60893C5.15877 5 3.9337 5 3.10659 5.67298C2.94763 5.80233 2.80233 5.94763 2.67298 6.10659C2 6.9337 2 8.15877 2 10.6089C2 11.2307 2 11.5415 2.15078 11.784C2.18015 11.8312 2.21341 11.8759 2.25021 11.9176C2.43915 12.1317 2.7369 12.2211 3.3324 12.3997L9.33968 14.2019"/><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 SolarCaseLinear(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 d="M3 12C3 15.7712 3 19.6569 4.31802 20.8284C5.63604 22 7.75736 22 12 22C16.2426 22 18.364 22 19.682 20.8284C21 19.6569 21 15.7712 21 12"/><path d="M14.6603 14.2019L20.6676 12.3997C21.2631 12.2211 21.5609 12.1317 21.7498 11.9176C21.7866 11.8759 21.8199 11.8312 21.8492 11.784C22 11.5415 22 11.2307 22 10.6089C22 8.15877 22 6.9337 21.327 6.10659C21.1977 5.94763 21.0524 5.80233 20.8934 5.67298C20.0663 5 18.8412 5 16.3911 5H7.60893C5.15877 5 3.9337 5 3.10659 5.67298C2.94763 5.80233 2.80233 5.94763 2.67298 6.10659C2 6.9337 2 8.15877 2 10.6089C2 11.2307 2 11.5415 2.15078 11.784C2.18015 11.8312 2.21341 11.8759 2.25021 11.9176C2.43915 12.1317 2.7369 12.2211 3.3324 12.3997L9.33968 14.2019"/><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 d="M3 12C3 15.7712 3 19.6569 4.31802 20.8284C5.63604 22 7.75736 22 12 22C16.2426 22 18.364 22 19.682 20.8284C21 19.6569 21 15.7712 21 12"/><path d="M14.6603 14.2019L20.6676 12.3997C21.2631 12.2211 21.5609 12.1317 21.7498 11.9176C21.7866 11.8759 21.8199 11.8312 21.8492 11.784C22 11.5415 22 11.2307 22 10.6089C22 8.15877 22 6.9337 21.327 6.10659C21.1977 5.94763 21.0524 5.80233 20.8934 5.67298C20.0663 5 18.8412 5 16.3911 5H7.60893C5.15877 5 3.9337 5 3.10659 5.67298C2.94763 5.80233 2.80233 5.94763 2.67298 6.10659C2 6.9337 2 8.15877 2 10.6089C2 11.2307 2 11.5415 2.15078 11.784C2.18015 11.8312 2.21341 11.8759 2.25021 11.9176C2.43915 12.1317 2.7369 12.2211 3.3324 12.3997L9.33968 14.2019"/><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-linear {
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%20d%3D%22M3%2012C3%2015.7712%203%2019.6569%204.31802%2020.8284C5.63604%2022%207.75736%2022%2012%2022C16.2426%2022%2018.364%2022%2019.682%2020.8284C21%2019.6569%2021%2015.7712%2021%2012%22%2F%3E%3Cpath%20d%3D%22M14.6603%2014.2019L20.6676%2012.3997C21.2631%2012.2211%2021.5609%2012.1317%2021.7498%2011.9176C21.7866%2011.8759%2021.8199%2011.8312%2021.8492%2011.784C22%2011.5415%2022%2011.2307%2022%2010.6089C22%208.15877%2022%206.9337%2021.327%206.10659C21.1977%205.94763%2021.0524%205.80233%2020.8934%205.67298C20.0663%205%2018.8412%205%2016.3911%205H7.60893C5.15877%205%203.9337%205%203.10659%205.67298C2.94763%205.80233%202.80233%205.94763%202.67298%206.10659C2%206.9337%202%208.15877%202%2010.6089C2%2011.2307%202%2011.5415%202.15078%2011.784C2.18015%2011.8312%202.21341%2011.8759%202.25021%2011.9176C2.43915%2012.1317%202.7369%2012.2211%203.3324%2012.3997L9.33968%2014.2019%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%20d%3D%22M3%2012C3%2015.7712%203%2019.6569%204.31802%2020.8284C5.63604%2022%207.75736%2022%2012%2022C16.2426%2022%2018.364%2022%2019.682%2020.8284C21%2019.6569%2021%2015.7712%2021%2012%22%2F%3E%3Cpath%20d%3D%22M14.6603%2014.2019L20.6676%2012.3997C21.2631%2012.2211%2021.5609%2012.1317%2021.7498%2011.9176C21.7866%2011.8759%2021.8199%2011.8312%2021.8492%2011.784C22%2011.5415%2022%2011.2307%2022%2010.6089C22%208.15877%2022%206.9337%2021.327%206.10659C21.1977%205.94763%2021.0524%205.80233%2020.8934%205.67298C20.0663%205%2018.8412%205%2016.3911%205H7.60893C5.15877%205%203.9337%205%203.10659%205.67298C2.94763%205.80233%202.80233%205.94763%202.67298%206.10659C2%206.9337%202%208.15877%202%2010.6089C2%2011.2307%202%2011.5415%202.15078%2011.784C2.18015%2011.8312%202.21341%2011.8759%202.25021%2011.9176C2.43915%2012.1317%202.7369%2012.2211%203.3324%2012.3997L9.33968%2014.2019%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-linear.svg?color=%231a73e8&size=48
