Diving Mask ikonu
fluent-emoji-high-contrast:diving-mask
Diving Mask ikonu (fluent-emoji-high-contrast:diving-mask), Fluent Emoji High Contrast setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 32 × 32 ızgara üzerinde çizilmiştir. Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 32 × 32
- Kategori
- Etkinlikler
- Etiketler
- divingmask
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M27.5 2a.5.5 0 0 1 .5.5v19.543l-.002.08a10 10 0 0 1-.12 1.14a9.5 9.5 0 0 1-.849 2.658c-.495.99-1.262 2.026-2.44 2.812C23.404 29.523 21.889 30 20 30c-1.887 0-3.403-.476-4.59-1.267c-1.178-.786-1.944-1.822-2.44-2.812a9.5 9.5 0 0 1-.848-2.659a10 10 0 0 1-.12-1.139l-.002-.08V22h-.983A1.013 1.013 0 0 1 10 21c0-.549.459-1 1.017-1h4.966c.568 0 1.017.451 1.017 1s-.459 1-1.017 1H15v.023l.009.15c.01.137.03.344.072.596c.085.511.253 1.17.573 1.81c.317.635.77 1.224 1.42 1.657c.641.428 1.563.764 2.926.764s2.285-.336 2.926-.764c.65-.433 1.103-1.022 1.42-1.657c.32-.64.488-1.299.573-1.81a7 7 0 0 0 .08-.746l.001-.029V2.5a.5.5 0 0 1 .5-.5z"/><path d="M11.031 15.738a3.8 3.8 0 0 1-2.277.762A5.75 5.75 0 0 1 3 10.75A5.75 5.75 0 0 1 8.754 5h9.473A5.77 5.77 0 0 1 24 10.75a5.75 5.75 0 0 1-5.754 5.75c-.827 0-1.61-.27-2.248-.74A2.487 2.487 0 0 1 13.52 18c-1.3 0-2.369-.994-2.489-2.262m11.334-4.988a4.14 4.14 0 0 0-4.138-4.136H8.754a4.14 4.14 0 0 0-4.139 4.136a4.14 4.14 0 0 0 4.139 4.136c.877 0 1.655-.519 1.994-1.326l.419-.986a2.51 2.51 0 0 1 2.323-1.545a2.52 2.52 0 0 1 2.323 1.545l.42.986a2.15 2.15 0 0 0 1.994 1.326a4.14 4.14 0 0 0 4.138-4.136"/></g></svg>Diving Mask ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:diving-mask" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:diving-mask" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:diving-mask" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--diving-mask]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:diving-mask"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:diving-mask"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/diving-mask.svg" alt="Diving Mask ikonu" width="24" height="24">Diğer ikon setlerinde Diving Mask ikonu
Diving Mask ikonu: sık sorulan sorular
Diving Mask ikonu ticari kullanım için ücretsiz mi?
Evet. Fluent Emoji High Contrast icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Diving Mask ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="fluent-emoji-high-contrast:diving-mask" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Diving 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/fluent-emoji-high-contrast/diving-mask.svg" alt="Diving Mask ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.