vanity icon
vanity-linear from Solar by 480 Design · Linear · Home · CC-BY-4.0 Attribution required.
- Name
- vanity-linear
- Set
- Solar
- Style
- Linear
- Category
- Home
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More home icons from Solar
armchair-2-boldarmchair-boldbar-chair-boldbath-boldbed-boldbedside-table-2-boldbedside-table-3-boldbedside-table-4-boldbedside-table-boldchair-2-boldchair-boldchandelier-boldcloset-2-boldcloset-boldconditioner-2-boldconditioner-boldfloor-lamp-boldfloor-lamp-minimalistic-boldfridge-boldlamp-boldmirror-boldremote-controller-2-boldremote-controller-boldremote-controller-minimalistic-bold
Use the vanity 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="M19 22V21.5M5 22V21.5"/><path stroke-linecap="round" d="M12 21V15"/><path d="M8.00023 21H16.0002C18.8287 21 20.2429 21 21.1216 20.1213C21.8899 19.3529 21.9864 18.175 21.9985 16.0001C22.0016 15.4478 21.5525 15 21.0002 15H3.00023C2.44795 15 1.99889 15.4478 2.00197 16.0001C2.01408 18.175 2.11053 19.3529 2.87891 20.1213C3.75759 21 5.1718 21 8.00023 21Z"/><path d="M20.5 15.0001V6.13759C20.5 5.74965 20.5 5.55568 20.4822 5.42302C20.359 4.50707 19.8459 3.94522 18.9449 3.73964C18.8144 3.70987 18.5429 3.68518 18 3.63583C16.9981 3.54475 15.8169 3.19603 14.7687 2.81468C13.2754 2.2714 12.5288 1.99976 12 1.99976C11.4712 1.99976 10.7246 2.2714 9.23133 2.81468C8.18314 3.19603 7.00193 3.54475 6 3.63583C5.45709 3.68519 5.18562 3.70987 5.05512 3.73964C4.15409 3.94522 3.64099 4.50707 3.51784 5.42302C3.5 5.55568 3.5 5.74965 3.5 6.13759V15.0001"/><path stroke-linecap="round" d="M15 18L17 18"/><path stroke-linecap="round" d="M7 18L9 18"/><path stroke-linecap="round" d="M14.5 11L13.5 12M13.5 8L10.5 11M10.5 7L9.5 8"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarVanityLinear(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="M19 22V21.5M5 22V21.5"/><path strokeLinecap="round" d="M12 21V15"/><path d="M8.00023 21H16.0002C18.8287 21 20.2429 21 21.1216 20.1213C21.8899 19.3529 21.9864 18.175 21.9985 16.0001C22.0016 15.4478 21.5525 15 21.0002 15H3.00023C2.44795 15 1.99889 15.4478 2.00197 16.0001C2.01408 18.175 2.11053 19.3529 2.87891 20.1213C3.75759 21 5.1718 21 8.00023 21Z"/><path d="M20.5 15.0001V6.13759C20.5 5.74965 20.5 5.55568 20.4822 5.42302C20.359 4.50707 19.8459 3.94522 18.9449 3.73964C18.8144 3.70987 18.5429 3.68518 18 3.63583C16.9981 3.54475 15.8169 3.19603 14.7687 2.81468C13.2754 2.2714 12.5288 1.99976 12 1.99976C11.4712 1.99976 10.7246 2.2714 9.23133 2.81468C8.18314 3.19603 7.00193 3.54475 6 3.63583C5.45709 3.68519 5.18562 3.70987 5.05512 3.73964C4.15409 3.94522 3.64099 4.50707 3.51784 5.42302C3.5 5.55568 3.5 5.74965 3.5 6.13759V15.0001"/><path strokeLinecap="round" d="M15 18L17 18"/><path strokeLinecap="round" d="M7 18L9 18"/><path strokeLinecap="round" d="M14.5 11L13.5 12M13.5 8L10.5 11M10.5 7L9.5 8"/></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="M19 22V21.5M5 22V21.5"/><path stroke-linecap="round" d="M12 21V15"/><path d="M8.00023 21H16.0002C18.8287 21 20.2429 21 21.1216 20.1213C21.8899 19.3529 21.9864 18.175 21.9985 16.0001C22.0016 15.4478 21.5525 15 21.0002 15H3.00023C2.44795 15 1.99889 15.4478 2.00197 16.0001C2.01408 18.175 2.11053 19.3529 2.87891 20.1213C3.75759 21 5.1718 21 8.00023 21Z"/><path d="M20.5 15.0001V6.13759C20.5 5.74965 20.5 5.55568 20.4822 5.42302C20.359 4.50707 19.8459 3.94522 18.9449 3.73964C18.8144 3.70987 18.5429 3.68518 18 3.63583C16.9981 3.54475 15.8169 3.19603 14.7687 2.81468C13.2754 2.2714 12.5288 1.99976 12 1.99976C11.4712 1.99976 10.7246 2.2714 9.23133 2.81468C8.18314 3.19603 7.00193 3.54475 6 3.63583C5.45709 3.68519 5.18562 3.70987 5.05512 3.73964C4.15409 3.94522 3.64099 4.50707 3.51784 5.42302C3.5 5.55568 3.5 5.74965 3.5 6.13759V15.0001"/><path stroke-linecap="round" d="M15 18L17 18"/><path stroke-linecap="round" d="M7 18L9 18"/><path stroke-linecap="round" d="M14.5 11L13.5 12M13.5 8L10.5 11M10.5 7L9.5 8"/></g></svg> </template>
CSS
.icon-vanity-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%20stroke-linecap%3D%22round%22%20d%3D%22M19%2022V21.5M5%2022V21.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2021V15%22%2F%3E%3Cpath%20d%3D%22M8.00023%2021H16.0002C18.8287%2021%2020.2429%2021%2021.1216%2020.1213C21.8899%2019.3529%2021.9864%2018.175%2021.9985%2016.0001C22.0016%2015.4478%2021.5525%2015%2021.0002%2015H3.00023C2.44795%2015%201.99889%2015.4478%202.00197%2016.0001C2.01408%2018.175%202.11053%2019.3529%202.87891%2020.1213C3.75759%2021%205.1718%2021%208.00023%2021Z%22%2F%3E%3Cpath%20d%3D%22M20.5%2015.0001V6.13759C20.5%205.74965%2020.5%205.55568%2020.4822%205.42302C20.359%204.50707%2019.8459%203.94522%2018.9449%203.73964C18.8144%203.70987%2018.5429%203.68518%2018%203.63583C16.9981%203.54475%2015.8169%203.19603%2014.7687%202.81468C13.2754%202.2714%2012.5288%201.99976%2012%201.99976C11.4712%201.99976%2010.7246%202.2714%209.23133%202.81468C8.18314%203.19603%207.00193%203.54475%206%203.63583C5.45709%203.68519%205.18562%203.70987%205.05512%203.73964C4.15409%203.94522%203.64099%204.50707%203.51784%205.42302C3.5%205.55568%203.5%205.74965%203.5%206.13759V15.0001%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2018L17%2018%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7%2018L9%2018%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.5%2011L13.5%2012M13.5%208L10.5%2011M10.5%207L9.5%208%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%22M19%2022V21.5M5%2022V21.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2021V15%22%2F%3E%3Cpath%20d%3D%22M8.00023%2021H16.0002C18.8287%2021%2020.2429%2021%2021.1216%2020.1213C21.8899%2019.3529%2021.9864%2018.175%2021.9985%2016.0001C22.0016%2015.4478%2021.5525%2015%2021.0002%2015H3.00023C2.44795%2015%201.99889%2015.4478%202.00197%2016.0001C2.01408%2018.175%202.11053%2019.3529%202.87891%2020.1213C3.75759%2021%205.1718%2021%208.00023%2021Z%22%2F%3E%3Cpath%20d%3D%22M20.5%2015.0001V6.13759C20.5%205.74965%2020.5%205.55568%2020.4822%205.42302C20.359%204.50707%2019.8459%203.94522%2018.9449%203.73964C18.8144%203.70987%2018.5429%203.68518%2018%203.63583C16.9981%203.54475%2015.8169%203.19603%2014.7687%202.81468C13.2754%202.2714%2012.5288%201.99976%2012%201.99976C11.4712%201.99976%2010.7246%202.2714%209.23133%202.81468C8.18314%203.19603%207.00193%203.54475%206%203.63583C5.45709%203.68519%205.18562%203.70987%205.05512%203.73964C4.15409%203.94522%203.64099%204.50707%203.51784%205.42302C3.5%205.55568%203.5%205.74965%203.5%206.13759V15.0001%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M15%2018L17%2018%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M7%2018L9%2018%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M14.5%2011L13.5%2012M13.5%208L10.5%2011M10.5%207L9.5%208%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/vanity-linear.svg?color=%231a73e8&size=48
