Vanity Broken icon
solar:vanity-broken
The Vanity Broken icon (solar:vanity-broken) 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
- vanitybroken
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="M7.99999 21H16C18.8284 21 20.2426 21 21.1213 20.1213C21.8897 19.3529 21.9861 18.175 21.9982 16.0001C22.0013 15.4478 21.5523 15 21 15H2.99999C2.4477 15 1.99865 15.4478 2.00172 16.0001C2.01383 18.175 2.11029 19.3529 2.87867 20.1213C3.75735 21 5.17156 21 7.99999 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 Broken icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:vanity-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:vanity-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:vanity-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--vanity-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:vanity-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:vanity-broken"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/vanity-broken.svg" alt="Vanity Broken icon" width="24" height="24">Related icons in Solar
Vanity Broken icon FAQ
Is the Vanity Broken 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 Broken icon in React?
Install @iconify/react and render <Icon icon="solar:vanity-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Vanity Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/vanity-broken.svg" alt="Vanity Broken icon">, or paste the SVG code inline to style it with CSS.