Ikon Hair Skin
streamline-ultimate-color:hair-skin
Ikon Hair Skin (streamline-ultimate-color:hair-skin) adalah ikon SVG gratis dari set Ultimate color icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Ultimate color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Ultimate color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Kesehatan dan kecantikan
- Tag
- hairskin
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/hair-skin.svg" alt="Ikon Hair Skin" width="24" height="24">Ikon terkait di Ultimate color icons
Ikon Hair Skin di set ikon lain
FAQ Ikon Hair Skin
Apakah ikon Hair Skin gratis untuk penggunaan komersial?
Ya. Ultimate color icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Hair Skin di React?
Pasang @iconify/react lalu render <Icon icon="streamline-ultimate-color:hair-skin" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hair Skin ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/hair-skin.svg" alt="Ikon Hair Skin">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.