Icono Hair Skin
streamline-ultimate-color:hair-skin
El icono Hair Skin (streamline-ultimate-color:hair-skin) es un icono SVG gratuito de la colección Ultimate color icons de Streamline. Está dibujado en una cuadrícula de 24 × 24. Ultimate color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Ultimate color icons
- Autor
- Streamline
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Salud y belleza
- Etiquetas
- hairskin
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/hair-skin.svg" alt="Icono Hair Skin" width="24" height="24">Iconos relacionados en Ultimate color icons
El icono Hair Skin en otras colecciones
Preguntas frecuentes sobre Icono Hair Skin
¿El icono Hair Skin es gratis para uso comercial?
Sí. Ultimate color icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Hair Skin en React?
Instala @iconify/react y renderiza <Icon icon="streamline-ultimate-color:hair-skin" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Hair Skin a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/hair-skin.svg" alt="Icono Hair Skin">, o pega el código SVG en línea para darle estilo con CSS.