case round icon

case-round-linear from Solar by 480 Design · Linear · School · CC-BY-4.0 Attribution required.

Name
case-round-linear
Set
Solar
Style
Linear
Category
School
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

case-round-boldcase-round-bold-duotonecase-round-brokencase-round-line-duotonecase-round-outline

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-boldcase-minimalistic-boldcase-round-minimalistic-bolddiploma-bolddiploma-verified-bolddocument-2-boldnotebook-2-boldnotebook-bookmark-boldnotebook-minimalistic-boldnotebook-square-boldpassport-bold

Use the case round 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.8579 12.3426C21.2688 12.2194 21.4743 12.1577 21.6264 12.0355C21.7592 11.9288 21.8626 11.7898 21.9266 11.6319C22 11.4511 22 11.2366 22 10.8077C22 9.12027 22 8.27658 21.6703 7.63268C21.3834 7.07242 20.9276 6.61659 20.3673 6.32971C19.7234 6 18.8797 6 17.1923 6H6.80765C5.12027 6 4.27658 6 3.63268 6.32971C3.07242 6.61659 2.61659 7.07242 2.32971 7.63268C2 8.27658 2 9.12027 2 10.8077C2 11.2366 2 11.4511 2.07336 11.6319C2.13743 11.7898 2.24079 11.9288 2.37363 12.0355C2.52574 12.1577 2.73118 12.2194 3.14206 12.3426L9.33968 14.2019"/><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"/><path stroke-linecap="round" d="M9.1709 4C9.58273 2.83481 10.694 2 12.0002 2C13.3064 2 14.4177 2.83481 14.8295 4"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarCaseRoundLinear(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.8579 12.3426C21.2688 12.2194 21.4743 12.1577 21.6264 12.0355C21.7592 11.9288 21.8626 11.7898 21.9266 11.6319C22 11.4511 22 11.2366 22 10.8077C22 9.12027 22 8.27658 21.6703 7.63268C21.3834 7.07242 20.9276 6.61659 20.3673 6.32971C19.7234 6 18.8797 6 17.1923 6H6.80765C5.12027 6 4.27658 6 3.63268 6.32971C3.07242 6.61659 2.61659 7.07242 2.32971 7.63268C2 8.27658 2 9.12027 2 10.8077C2 11.2366 2 11.4511 2.07336 11.6319C2.13743 11.7898 2.24079 11.9288 2.37363 12.0355C2.52574 12.1577 2.73118 12.2194 3.14206 12.3426L9.33968 14.2019"/><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"/><path strokeLinecap="round" d="M9.1709 4C9.58273 2.83481 10.694 2 12.0002 2C13.3064 2 14.4177 2.83481 14.8295 4"/></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.8579 12.3426C21.2688 12.2194 21.4743 12.1577 21.6264 12.0355C21.7592 11.9288 21.8626 11.7898 21.9266 11.6319C22 11.4511 22 11.2366 22 10.8077C22 9.12027 22 8.27658 21.6703 7.63268C21.3834 7.07242 20.9276 6.61659 20.3673 6.32971C19.7234 6 18.8797 6 17.1923 6H6.80765C5.12027 6 4.27658 6 3.63268 6.32971C3.07242 6.61659 2.61659 7.07242 2.32971 7.63268C2 8.27658 2 9.12027 2 10.8077C2 11.2366 2 11.4511 2.07336 11.6319C2.13743 11.7898 2.24079 11.9288 2.37363 12.0355C2.52574 12.1577 2.73118 12.2194 3.14206 12.3426L9.33968 14.2019"/><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"/><path stroke-linecap="round" d="M9.1709 4C9.58273 2.83481 10.694 2 12.0002 2C13.3064 2 14.4177 2.83481 14.8295 4"/></g></svg>
</template>

CSS

.icon-case-round-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.8579%2012.3426C21.2688%2012.2194%2021.4743%2012.1577%2021.6264%2012.0355C21.7592%2011.9288%2021.8626%2011.7898%2021.9266%2011.6319C22%2011.4511%2022%2011.2366%2022%2010.8077C22%209.12027%2022%208.27658%2021.6703%207.63268C21.3834%207.07242%2020.9276%206.61659%2020.3673%206.32971C19.7234%206%2018.8797%206%2017.1923%206H6.80765C5.12027%206%204.27658%206%203.63268%206.32971C3.07242%206.61659%202.61659%207.07242%202.32971%207.63268C2%208.27658%202%209.12027%202%2010.8077C2%2011.2366%202%2011.4511%202.07336%2011.6319C2.13743%2011.7898%202.24079%2011.9288%202.37363%2012.0355C2.52574%2012.1577%202.73118%2012.2194%203.14206%2012.3426L9.33968%2014.2019%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%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9.1709%204C9.58273%202.83481%2010.694%202%2012.0002%202C13.3064%202%2014.4177%202.83481%2014.8295%204%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.8579%2012.3426C21.2688%2012.2194%2021.4743%2012.1577%2021.6264%2012.0355C21.7592%2011.9288%2021.8626%2011.7898%2021.9266%2011.6319C22%2011.4511%2022%2011.2366%2022%2010.8077C22%209.12027%2022%208.27658%2021.6703%207.63268C21.3834%207.07242%2020.9276%206.61659%2020.3673%206.32971C19.7234%206%2018.8797%206%2017.1923%206H6.80765C5.12027%206%204.27658%206%203.63268%206.32971C3.07242%206.61659%202.61659%207.07242%202.32971%207.63268C2%208.27658%202%209.12027%202%2010.8077C2%2011.2366%202%2011.4511%202.07336%2011.6319C2.13743%2011.7898%202.24079%2011.9288%202.37363%2012.0355C2.52574%2012.1577%202.73118%2012.2194%203.14206%2012.3426L9.33968%2014.2019%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%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M9.1709%204C9.58273%202.83481%2010.694%202%2012.0002%202C13.3064%202%2014.4177%202.83481%2014.8295%204%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-round-linear.svg?color=%231a73e8&size=48