Face Mask ikonu
ph:face-mask
Face Mask ikonu (ph:face-mask), Phosphor setinden ücretsiz bir SVG ikondur (yapımcı: Phosphor Icons). 256 × 256 ızgara üzerinde çizilmiştir. Phosphor icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- Phosphor
- Yazar
- Phosphor Icons
- Lisans
- MIT
- Boyut
- 256 × 256
- Etiketler
- ppe, facemask, covid 19, coronavirus, flu, cold
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M176 104a8 8 0 0 1-8 8H88a8 8 0 0 1 0-16h80a8 8 0 0 1 8 8m-8 24H88a8 8 0 0 0 0 16h80a8 8 0 0 0 0-16m88-24v24a32 32 0 0 1-32 32h-5.19c-7.19 15.8-21.79 29.43-43.23 40.16a191.2 191.2 0 0 1-46.15 15.71a7.9 7.9 0 0 1-2.86 0a191.2 191.2 0 0 1-46.15-15.71C59 189.43 44.38 175.8 37.19 160H32a32 32 0 0 1-32-32v-24a32 32 0 0 1 32-32h.85a16 16 0 0 1 9.68-10l80-29.09a16.06 16.06 0 0 1 10.94 0l80 29.09a16 16 0 0 1 9.68 10h.85a32 32 0 0 1 32 32M32.55 144a59 59 0 0 1-.55-8V88a16 16 0 0 0-16 16v24a16 16 0 0 0 16 16ZM208 136V77.09L128 48L48 77.09V136c0 45 69.09 61.52 80 63.84c10.89-2.32 80-18.84 80-63.84m32-32a16 16 0 0 0-16-16v48a59 59 0 0 1-.55 8h.55a16 16 0 0 0 16-16Z"/></svg>
Face Mask ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="ph:face-mask" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:face-mask" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:face-mask" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--face-mask]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:face-mask"></div>
Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:face-mask"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/ph/face-mask.svg" alt="Face Mask ikonu" width="24" height="24">
Phosphor setindeki benzer ikonlar
Diğer ikon setlerinde Face Mask ikonu
Face Mask ikonu: sık sorulan sorular
Face Mask ikonu ticari kullanım için ücretsiz mi?
Evet. Phosphor icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Face Mask ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="ph:face-mask" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Face Mask ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/ph/face-mask.svg" alt="Face Mask ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: Phosphor ikonları →
ICONYZ
