ICONYZ
Français
Icône Vanity Broken de Solar

Icône Vanity Broken

solar:vanity-broken

L'icône Vanity Broken (solar:vanity-broken) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Solar
Auteur
480 Design
Licence
CC-BY-4.0
Taille
24 × 24
Catégorie
Maison
Mots-clés
vanitybroken
Télécharger le SVG

Code SVG

<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>

Comment utiliser l'icône Vanity Broken

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>

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/vanity-broken.svg" alt="Icône Vanity Broken" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Vanity Broken

L'icône Vanity Broken est-elle gratuite pour un usage commercial ?

Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Vanity Broken dans React ?

Installez @iconify/react et affichez <Icon icon="solar:vanity-broken" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Vanity Broken à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/vanity-broken.svg" alt="Icône Vanity Broken">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →