Icône Hair Skin
streamline-ultimate-color:hair-skin
L'icône Hair Skin (streamline-ultimate-color:hair-skin) est une icône SVG gratuite de la collection Ultimate color icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Ultimate color 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
- Ultimate color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Santé et beauté
- Mots-clés
- hairskin
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="gray" d="M15.052 1.654a.476.476 0 0 0-.723-.56C12.056 2.78 8.044 6.161 8.667 10.8a3.525 3.525 0 0 0 3.357 3.332a3.296 3.296 0 0 0 3.3-3.332c0-2.6-2.814-2.886-.272-9.147"/><path fill="#ffdda1" d="M1.078 11.284h4.768a.49.49 0 0 1 .475.457a5.699 5.699 0 0 0 11.36 0a.49.49 0 0 1 .475-.457h4.766V21.1a1.9 1.9 0 0 1-1.9 1.9H2.979a1.9 1.9 0 0 1-1.9-1.9z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.922 11.284h-4.768a.474.474 0 0 0-.474.438a5.698 5.698 0 0 1-11.363 0a.475.475 0 0 0-.475-.438H1.078"/><path fill="#6b6b6b" d="M12.81 11.47a3.525 3.525 0 0 1-3.357-3.333a7.2 7.2 0 0 1-.03-1.668a7.46 7.46 0 0 0-.76 4.332a3.526 3.526 0 0 0 3.357 3.332a3.3 3.3 0 0 0 3.304-3.332a3.4 3.4 0 0 0-.033-.475a3.25 3.25 0 0 1-2.482 1.143"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M15.052 1.654a.476.476 0 0 0-.723-.56C12.056 2.78 8.044 6.161 8.667 10.8a3.525 3.525 0 0 0 3.357 3.332a3.296 3.296 0 0 0 3.3-3.332c0-2.6-2.814-2.886-.272-9.147M1.315 21.263a.236.236 0 0 1 .238.235"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M1.078 21.499a.236.236 0 0 1 .238-.236m0 .471a.236.236 0 0 1-.238-.235"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M1.553 21.499a.236.236 0 0 1-.238.235m2.375-3.768a.236.236 0 0 1 .237.236m-.474-.005a.236.236 0 0 1 .237-.235m0 .471a.24.24 0 0 1-.219-.145a.2.2 0 0 1-.018-.09"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M3.927 18.197a.237.237 0 0 1-.237.236m3.324 2.83a.236.236 0 0 1 .238.235m-.476.001a.236.236 0 0 1 .238-.236m0 .471a.236.236 0 0 1-.238-.235m.476 0a.236.236 0 0 1-.238.235m2.374-3.768a.236.236 0 0 1 .238.236m-.476-.005a.236.236 0 0 1 .238-.235m0 .471a.24.24 0 0 1-.219-.145a.2.2 0 0 1-.018-.09"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M9.626 18.197a.237.237 0 0 1-.238.236m5.224 2.83a.237.237 0 0 1 .237.235m-.474.001a.237.237 0 0 1 .237-.236m0 .471a.237.237 0 0 1-.238-.235m.476 0a.236.236 0 0 1-.238.235m2.374-3.768a.236.236 0 0 1 .238.236m-.475-.005a.236.236 0 0 1 .237-.235m0 .471a.24.24 0 0 1-.22-.145a.2.2 0 0 1-.017-.09"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M17.224 18.197a.236.236 0 0 1-.238.236m3.324 2.83a.237.237 0 0 1 .237.235m-.474.001a.23.23 0 0 1 .147-.218a.2.2 0 0 1 .09-.018m0 .471a.237.237 0 0 1-.237-.235m.475 0a.24.24 0 0 1-.238.235M1.315 14.188a.237.237 0 0 1 .238.237"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M1.078 14.425a.237.237 0 0 1 .238-.237m0 .472a.236.236 0 0 1-.238-.235"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M1.553 14.425a.236.236 0 0 1-.238.235m18.995-.472a.237.237 0 0 1 .238.237m-.475 0a.237.237 0 0 1 .237-.237m0 .472a.237.237 0 0 1-.237-.235m.475 0a.24.24 0 0 1-.238.235m2.375 3.306a.237.237 0 0 1 .237.236m-.475-.005a.236.236 0 0 1 .238-.235m0 .471a.24.24 0 0 1-.22-.145a.2.2 0 0 1-.018-.09"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M22.922 18.197a.24.24 0 0 1-.147.218a.2.2 0 0 1-.09.018"/></g></svg>Comment utiliser l'icône Hair Skin
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:hair-skin" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:hair-skin" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:hair-skin" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--hair-skin]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:hair-skin"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:hair-skin"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/hair-skin.svg" alt="Icône Hair Skin" width="24" height="24">Icônes similaires dans Ultimate color icons
L'icône Hair Skin dans d'autres collections
FAQ : Icône Hair Skin
L'icône Hair Skin est-elle gratuite pour un usage commercial ?
Oui. Les Ultimate color 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 Hair Skin dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-ultimate-color:hair-skin" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Hair Skin à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/hair-skin.svg" alt="Icône Hair Skin">, ou collez le code SVG directement dans la page pour le styliser en CSS.