Diving Mask ikonu
fluent-emoji:diving-mask
Diving Mask ikonu (fluent-emoji:diving-mask), Fluent Emoji setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 32 × 32 ızgara üzerinde çizilmiştir. Fluent Emoji 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
- Yazar
- Microsoft Corporation
- Lisans
- MIT
- Boyut
- 32 × 32
- Etiketler
- divingmask
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iQN6u7Y)"><path fill="url(#if8HqOW)" d="M12.036 20.503v1.486a7.983 7.983 0 1 0 15.966 0V2.628a.6.6 0 0 0-.6-.6h-1.8a.6.6 0 0 0-.6.6v19.361a4.983 4.983 0 1 1-9.966 0v-1.486z"/><path fill="url(#ixQtB6c)" d="M12.036 20.503v1.486a7.983 7.983 0 1 0 15.966 0V2.628a.6.6 0 0 0-.6-.6h-1.8a.6.6 0 0 0-.6.6v19.361a4.983 4.983 0 1 1-9.966 0v-1.486z"/><path fill="url(#ihUtuGb)" d="M12.036 20.503v1.486a7.983 7.983 0 1 0 15.966 0V2.628a.6.6 0 0 0-.6-.6h-1.8a.6.6 0 0 0-.6.6v19.361a4.983 4.983 0 1 1-9.966 0v-1.486z"/><path fill="url(#i0Jh8ve)" d="M12.036 20.503v1.486a7.983 7.983 0 1 0 15.966 0V2.628a.6.6 0 0 0-.6-.6h-1.8a.6.6 0 0 0-.6.6v19.361a4.983 4.983 0 1 1-9.966 0v-1.486z"/></g><g filter="url(#i5Vgbmb)"><path fill="#592782" d="M15.985 20.028h-4.966c-.559 0-1.017.45-1.017 1c0 .549.458 1 1.017 1h4.966c.558 0 1.017-.451 1.017-1c0-.55-.45-1-1.017-1"/></g><path fill="url(#ir3bkCb)" d="M15.985 20.028h-4.966c-.559 0-1.017.45-1.017 1c0 .549.458 1 1.017 1h4.966c.558 0 1.017-.451 1.017-1c0-.55-.45-1-1.017-1"/><g filter="url(#ikNV5oc)"><path fill="#563676" d="M11.033 15.765a2.5 2.5 0 0 0 2.489 2.263A2.487 2.487 0 0 0 16 15.788l-.117-.234c-.446-.378-.76-.833-.996-1.394l-.47-1.018c-.149-.338-.537-.597-.895-.597c-.37 0-.814.259-.954.598l-.44 1.017a3.6 3.6 0 0 1-.975 1.344z"/><path fill="url(#ivJT7ze)" d="M11.033 15.765a2.5 2.5 0 0 0 2.489 2.263A2.487 2.487 0 0 0 16 15.788l-.117-.234c-.446-.378-.76-.833-.996-1.394l-.47-1.018c-.149-.338-.537-.597-.895-.597c-.37 0-.814.259-.954.598l-.44 1.017a3.6 3.6 0 0 1-.975 1.344z"/></g><path fill="url(#ixdTmNb)" d="m11.742 12.833l-.417.982l-.002.005a2.78 2.78 0 0 1-2.568 1.708a4.75 4.75 0 0 1-4.753-4.75a4.75 4.75 0 0 1 4.773-4.75h9.473a4.75 4.75 0 0 1 4.754 4.75a4.75 4.75 0 0 1-4.754 4.75a2.78 2.78 0 0 1-2.568-1.708l-.423-.998l-.003-.007a1.92 1.92 0 0 0-1.752-1.154c-.769 0-1.463.458-1.76 1.172"/><path fill="url(#iBts94a)" d="m11.742 12.833l-.417.982l-.002.005a2.78 2.78 0 0 1-2.568 1.708a4.75 4.75 0 0 1-4.753-4.75a4.75 4.75 0 0 1 4.773-4.75h9.473a4.75 4.75 0 0 1 4.754 4.75a4.75 4.75 0 0 1-4.754 4.75a2.78 2.78 0 0 1-2.568-1.708l-.423-.998l-.003-.007a1.92 1.92 0 0 0-1.752-1.154c-.769 0-1.463.458-1.76 1.172"/><path fill="url(#iVdVnxc)" d="m11.742 12.833l-.417.982l-.002.005a2.78 2.78 0 0 1-2.568 1.708a4.75 4.75 0 0 1-4.753-4.75a4.75 4.75 0 0 1 4.773-4.75h9.473a4.75 4.75 0 0 1 4.754 4.75a4.75 4.75 0 0 1-4.754 4.75a2.78 2.78 0 0 1-2.568-1.708l-.423-.998l-.003-.007a1.92 1.92 0 0 0-1.752-1.154c-.769 0-1.463.458-1.76 1.172"/><path fill="url(#iSf0iWc)" d="m11.742 12.833l-.417.982l-.002.005a2.78 2.78 0 0 1-2.568 1.708a4.75 4.75 0 0 1-4.753-4.75a4.75 4.75 0 0 1 4.773-4.75h9.473a4.75 4.75 0 0 1 4.754 4.75a4.75 4.75 0 0 1-4.754 4.75a2.78 2.78 0 0 1-2.568-1.708l-.423-.998l-.003-.007a1.92 1.92 0 0 0-1.752-1.154c-.769 0-1.463.458-1.76 1.172"/><g filter="url(#i7wziNb)"><path fill="url(#iN1wOVb)" d="M18.228 6.642a4.14 4.14 0 0 1 4.138 4.136a4.14 4.14 0 0 1-4.138 4.135a2.15 2.15 0 0 1-1.994-1.325l-.419-.987a2.52 2.52 0 0 0-2.323-1.544a2.51 2.51 0 0 0-2.324 1.544l-.418.987a2.15 2.15 0 0 1-1.995 1.325a4.14 4.14 0 0 1-4.138-4.135a4.14 4.14 0 0 1 4.138-4.136zm0-1.614H8.755a5.75 5.75 0 0 0-5.753 5.75a5.75 5.75 0 0 0 5.753 5.75a3.78 3.78 0 0 0 3.49-2.322l.419-.987a.9.9 0 0 1 .838-.558c.359 0 .688.22.837.558l.419.987a3.78 3.78 0 0 0 3.49 2.322a5.75 5.75 0 0 0 5.754-5.75a5.77 5.77 0 0 0-5.774-5.75"/></g><g filter="url(#iAQDIib)"><path stroke="url(#i8fhyCc)" stroke-width=".35" d="M19.417 5.683c1.326.26 3.978 1.64 3.978 5.095"/></g><g filter="url(#iPR1Aeb)"><path stroke="url(#iXuOFBb)" stroke-width=".35" d="M4.449 12.111c.178.736 1.057 2.387 3.153 3.105"/></g><g filter="url(#iGzvw0d)"><path stroke="url(#iIELr1b)" stroke-width=".2" d="M13.922 11.359c.38.032 1.223.325 1.552 1.237c.413 1.14.947 2.45 2.256 2.62"/></g><g filter="url(#imdYndc)"><path stroke="url(#izfqLpe)" stroke-width=".5" d="M26.954 5.77v15.992"/></g><path fill="url(#iXXgxAd)" d="M28.002 6.164h-3V2.628a.6.6 0 0 1 .6-.6h1.8a.6.6 0 0 1 .6.6z"/><path fill="url(#i7Fbdvb)" d="M28.002 6.164h-3V2.628a.6.6 0 0 1 .6-.6h1.8a.6.6 0 0 1 .6.6z"/><g filter="url(#icF9Pmc)"><path stroke="#FF657A" stroke-width=".5" d="M13.979 22.634c.23 1.745 1.817 5.234 6.324 5.234"/></g><defs><radialGradient id="ixQtB6c" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.30213 -9.11472 0 20.018 23.91)" gradientUnits="userSpaceOnUse"><stop offset=".339" stop-color="#FF4A67"/><stop offset="1" stop-color="#FF4A67" stop-opacity="0"/></radialGradient><radialGradient id="ihUtuGb" cx="0" cy="0" r="1" gradientTransform="matrix(0 5.30213 -1.34327 0 12.036 21.563)" gradientUnits="userSpaceOnUse"><stop stop-color="#BC3050"/><stop offset="1" stop-color="#BC3050" stop-opacity="0"/></radialGradient><radialGradient id="i0Jh8ve" cx="0" cy="0" r="1" gradientTransform="matrix(-3.89459 0 0 -1.5103 15.93 21.853)" gradientUnits="userSpaceOnUse"><stop offset=".173" stop-color="#B8374D"/><stop offset="1" stop-color="#B8374D" stop-opacity="0"/></radialGradient><radialGradient id="ir3bkCb" cx="0" cy="0" r="1" gradientTransform="matrix(-2.54971 0 0 -.57841 17.002 20.824)" gradientUnits="userSpaceOnUse"><stop stop-color="#71568C"/><stop offset="1" stop-color="#71568C" stop-opacity="0"/></radialGradient><radialGradient id="ivJT7ze" cx="0" cy="0" r="1" gradientTransform="rotate(73.342 -1.017 16.631)scale(3.57357 2.27278)" gradientUnits="userSpaceOnUse"><stop offset=".343" stop-color="#48135A"/><stop offset="1" stop-color="#48135A" stop-opacity="0"/></radialGradient><radialGradient id="ixdTmNb" cx="0" cy="0" r="1" gradientTransform="matrix(0 7.41943 -17.8831 0 13.502 8.108)" gradientUnits="userSpaceOnUse"><stop stop-color="#66C4FF"/><stop offset="1" stop-color="#4DA4FB"/></radialGradient><radialGradient id="iBts94a" cx="0" cy="0" r="1" gradientTransform="rotate(-47.49 20.847 -9.6)scale(4.81224 6.09248)" gradientUnits="userSpaceOnUse"><stop stop-color="#68C7FF"/><stop offset="1" stop-color="#68C7FF" stop-opacity="0"/></radialGradient><radialGradient id="iVdVnxc" cx="0" cy="0" r="1" gradientTransform="matrix(-9.63213 8.79442 -7.59073 -8.31378 15.166 5.357)" gradientUnits="userSpaceOnUse"><stop offset=".915" stop-color="#89D2FF" stop-opacity="0"/><stop offset="1" stop-color="#89D2FF"/></radialGradient><radialGradient id="iSf0iWc" cx="0" cy="0" r="1" gradientTransform="rotate(64.099 -3.323 18.968)scale(3.32732 1.7458)" gradientUnits="userSpaceOnUse"><stop offset=".336" stop-color="#84CBFF"/><stop offset="1" stop-color="#84CBFF" stop-opacity="0"/></radialGradient><radialGradient id="i7Fbdvb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -5.59724 1.54834 0 27.572 6.388)" gradientUnits="userSpaceOnUse"><stop stop-color="#5A5260"/><stop offset="1" stop-color="#5A5260" stop-opacity="0"/></radialGradient><filter id="iQN6u7Y" width="16.316" height="27.945" x="12.036" y="2.028" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".35"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.741176 0 0 0 0 0.286275 0 0 0 0 0.431373 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2953"/></filter><filter id="i5Vgbmb" width="7.5" height="2.5" x="10.002" y="20.028" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5" dy=".5"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.247059 0 0 0 0 0.172549 0 0 0 0 0.286275 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2953"/></filter><filter id="ikNV5oc" width="5.767" height="5.883" x="11.033" y="12.145" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".8" dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.239216 0 0 0 0 0.129412 0 0 0 0 0.333333 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2953"/></filter><filter id="i7wziNb" width="21.25" height="11.5" x="3.002" y="5.028" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.709804 0 0 0 0 0.211765 0 0 0 0 0.321569 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_2953"/></filter><filter id="iAQDIib" width="4.887" height="5.966" x="19.033" y="5.162" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2953" stdDeviation=".175"/></filter><filter id="iPR1Aeb" width="4.08" height="4.012" x="3.929" y="11.72" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2953" stdDeviation=".175"/></filter><filter id="iGzvw0d" width="4.53" height="4.756" x="13.563" y="10.909" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2953" stdDeviation=".175"/></filter><filter id="imdYndc" width="1.5" height="16.992" x="26.204" y="5.27" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2953" stdDeviation=".25"/></filter><filter id="icF9Pmc" width="7.872" height="6.816" x="13.081" y="21.951" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_2953" stdDeviation=".325"/></filter><linearGradient id="if8HqOW" x1="20.018" x2="20.018" y1="2.028" y2="29.972" gradientUnits="userSpaceOnUse"><stop stop-color="#FF379E"/><stop offset="1" stop-color="#FF2A77"/></linearGradient><linearGradient id="iN1wOVb" x1="3.002" x2="24.002" y1="5.028" y2="17.028" gradientUnits="userSpaceOnUse"><stop stop-color="#FA3D6A"/><stop offset="1" stop-color="#FF38A8"/></linearGradient><linearGradient id="i8fhyCc" x1="23.055" x2="20.581" y1="7.042" y2="9.565" gradientUnits="userSpaceOnUse"><stop stop-color="#FF77B7"/><stop offset="1" stop-color="#FF77B7" stop-opacity="0"/></linearGradient><linearGradient id="iXuOFBb" x1="5.346" x2="6.635" y1="14.804" y2="13.079" gradientUnits="userSpaceOnUse"><stop stop-color="#FF77B7"/><stop offset="1" stop-color="#FF77B7" stop-opacity="0"/></linearGradient><linearGradient id="iIELr1b" x1="16.881" x2="13.88" y1="14.003" y2="13.21" gradientUnits="userSpaceOnUse"><stop stop-color="#FF77B7"/><stop offset="1" stop-color="#FF77B7" stop-opacity="0"/></linearGradient><linearGradient id="izfqLpe" x1="27.454" x2="27.454" y1="6.497" y2="21.762" gradientUnits="userSpaceOnUse"><stop stop-color="#FF55A8"/><stop offset="1" stop-color="#FF4C79"/></linearGradient><linearGradient id="iXXgxAd" x1="26.502" x2="26.502" y1="2.028" y2="6.164" gradientUnits="userSpaceOnUse"><stop stop-color="#332B39"/><stop offset="1" stop-color="#462C5E"/></linearGradient></defs></g></svg>Diving Mask ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:diving-mask" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:diving-mask" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:diving-mask" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--diving-mask]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji: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:diving-mask"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/fluent-emoji/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 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: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/diving-mask.svg" alt="Diving Mask ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.