Vanity Linear icon
solar:vanity-linear
The Vanity Linear icon (solar:vanity-linear) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Home
- Tags
- vanitylinear
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" 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>How to use the Vanity Linear icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:vanity-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:vanity-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:vanity-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--vanity-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:vanity-linear"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:vanity-linear"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/vanity-linear.svg" alt="Vanity Linear icon" width="24" height="24">Related icons in Solar
Vanity Linear icon FAQ
Is the Vanity Linear icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Vanity Linear icon in React?
Install @iconify/react and render <Icon icon="solar:vanity-linear" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vanity Linear icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/vanity-linear.svg" alt="Vanity Linear icon">, or paste the SVG code inline to style it with CSS.