Ikon Diving Mask
fluent-emoji:diving-mask
Ikon Diving Mask (fluent-emoji:diving-mask) adalah ikon SVG gratis dari set Fluent Emoji karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent Emoji
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Tag
- divingmask
Kode SVG
<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>Cara memakai ikon Diving Mask
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 component
<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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/diving-mask.svg" alt="Ikon Diving Mask" width="24" height="24">Ikon Diving Mask di set ikon lain
FAQ Ikon Diving Mask
Apakah ikon Diving Mask gratis untuk penggunaan komersial?
Ya. Fluent Emoji icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Diving Mask di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji:diving-mask" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Diving Mask ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji/diving-mask.svg" alt="Ikon Diving Mask">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.