skirt icon
skirt-linear from Solar by 480 Design · Linear · UI · CC-BY-4.0 Attribution required.
- Name
- skirt-linear
- Set
- Solar
- Style
- Linear
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
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-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the skirt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M18.1624 5.5V4C18.1624 3.05719 18.1624 2.58579 17.8616 2.29289C17.5608 2 17.0766 2 16.1083 2H7.8917C6.92337 2 6.4392 2 6.13838 2.29289C5.83756 2.58579 5.83756 3.05719 5.83756 4V5.5M18.1624 5.5H5.83756M18.1624 5.5L21.9193 17.9529C22.1353 18.6686 21.9178 19.4379 21.2655 19.8293C19.8429 20.6828 16.8602 22 12 22C7.13982 22 4.15709 20.6828 2.7345 19.8293C2.08222 19.4379 1.86473 18.6686 2.08066 17.9529L5.83756 5.5M10 5.5L7.8917 21.5M14 5.5L16.1083 21.5"/></svg>
React
import type { SVGProps } from "react";
export function SolarSkirtLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M18.1624 5.5V4C18.1624 3.05719 18.1624 2.58579 17.8616 2.29289C17.5608 2 17.0766 2 16.1083 2H7.8917C6.92337 2 6.4392 2 6.13838 2.29289C5.83756 2.58579 5.83756 3.05719 5.83756 4V5.5M18.1624 5.5H5.83756M18.1624 5.5L21.9193 17.9529C22.1353 18.6686 21.9178 19.4379 21.2655 19.8293C19.8429 20.6828 16.8602 22 12 22C7.13982 22 4.15709 20.6828 2.7345 19.8293C2.08222 19.4379 1.86473 18.6686 2.08066 17.9529L5.83756 5.5M10 5.5L7.8917 21.5M14 5.5L16.1083 21.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M18.1624 5.5V4C18.1624 3.05719 18.1624 2.58579 17.8616 2.29289C17.5608 2 17.0766 2 16.1083 2H7.8917C6.92337 2 6.4392 2 6.13838 2.29289C5.83756 2.58579 5.83756 3.05719 5.83756 4V5.5M18.1624 5.5H5.83756M18.1624 5.5L21.9193 17.9529C22.1353 18.6686 21.9178 19.4379 21.2655 19.8293C19.8429 20.6828 16.8602 22 12 22C7.13982 22 4.15709 20.6828 2.7345 19.8293C2.08222 19.4379 1.86473 18.6686 2.08066 17.9529L5.83756 5.5M10 5.5L7.8917 21.5M14 5.5L16.1083 21.5"/></svg> </template>
CSS
.icon-skirt-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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18.1624%205.5V4C18.1624%203.05719%2018.1624%202.58579%2017.8616%202.29289C17.5608%202%2017.0766%202%2016.1083%202H7.8917C6.92337%202%206.4392%202%206.13838%202.29289C5.83756%202.58579%205.83756%203.05719%205.83756%204V5.5M18.1624%205.5H5.83756M18.1624%205.5L21.9193%2017.9529C22.1353%2018.6686%2021.9178%2019.4379%2021.2655%2019.8293C19.8429%2020.6828%2016.8602%2022%2012%2022C7.13982%2022%204.15709%2020.6828%202.7345%2019.8293C2.08222%2019.4379%201.86473%2018.6686%202.08066%2017.9529L5.83756%205.5M10%205.5L7.8917%2021.5M14%205.5L16.1083%2021.5%22%2F%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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M18.1624%205.5V4C18.1624%203.05719%2018.1624%202.58579%2017.8616%202.29289C17.5608%202%2017.0766%202%2016.1083%202H7.8917C6.92337%202%206.4392%202%206.13838%202.29289C5.83756%202.58579%205.83756%203.05719%205.83756%204V5.5M18.1624%205.5H5.83756M18.1624%205.5L21.9193%2017.9529C22.1353%2018.6686%2021.9178%2019.4379%2021.2655%2019.8293C19.8429%2020.6828%2016.8602%2022%2012%2022C7.13982%2022%204.15709%2020.6828%202.7345%2019.8293C2.08222%2019.4379%201.86473%2018.6686%202.08066%2017.9529L5.83756%205.5M10%205.5L7.8917%2021.5M14%205.5L16.1083%2021.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/skirt-linear.svg?color=%231a73e8&size=48
