Foggy ikonu
noto:foggy
Foggy ikonu (noto:foggy), Noto Emoji setinden ücretsiz bir SVG ikondur (yapımcı: Google Inc). 128 × 128 ızgara üzerinde çizilmiştir. Noto Emoji icons, Apache 2.0 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
- Noto Emoji
- Yazar
- Google Inc
- Lisans
- Apache-2.0
- Boyut
- 128 × 128
- Kategori
- Seyahat ve yerler
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGuSZKeeBL" fill="#AED0D7" d="M116.62 124.26H11.32c-4.15 0-7.52-3.37-7.52-7.52V11.44c0-4.15 3.37-7.52 7.52-7.52h105.3c4.15 0 7.52 3.37 7.52 7.52v105.3c.01 4.15-3.36 7.52-7.52 7.52"/></defs><use href="#SVGuSZKeeBL"/><use href="#SVGuSZKeeBL"/><radialGradient id="SVGagoxhdrO" cx="77.845" cy="113.186" r="101.845" gradientTransform="matrix(-.0349 -.9994 1.9051 -.0666 -135.07 198.516)" gradientUnits="userSpaceOnUse"><stop offset=".553" stop-color="#92BDCC"/><stop offset=".622" stop-color="#B9D5DE"/><stop offset=".732" stop-color="#FFF"/></radialGradient><path fill="url(#SVGagoxhdrO)" d="m3.82 46.32l-.07 23.13l120.4-7.31l.16-41.9s-5.59-4.5-14.28-1.86s-10.4 7.91-10.4 7.91s-8.65-2.84-17.69 1.09c-11.8 5.12-16.46 16.13-16.46 16.13s-11.79-4.04-25.14-3.88c-18.89.24-36.52 6.69-36.52 6.69"/><radialGradient id="SVGL18F0bvf" cx="66.473" cy="139.576" r="86.395" fx="63.684" fy="139.807" gradientTransform="matrix(.1098 -.994 1.9081 .2107 -207.15 176.232)" gradientUnits="userSpaceOnUse"><stop offset=".593" stop-color="#A1C3CE"/><stop offset=".61" stop-color="#A8C8D2"/><stop offset=".708" stop-color="#CEE0E5"/><stop offset=".799" stop-color="#E9F1F3"/><stop offset=".879" stop-color="#F9FBFC"/><stop offset=".94" stop-color="#FFF"/></radialGradient><path fill="url(#SVGL18F0bvf)" d="M42.23 59.4s8.03-3.78 18.97-4.23c7-.29 15.32 2.33 15.32 2.33s6.86-3.79 24.37-2.63c17.51 1.17 23.26 4.83 23.26 4.83l.01 39.24L3.78 95.6l.02-36.5s9.99-2.18 22.68-1.75c9.91.35 15.75 2.05 15.75 2.05"/><path fill="#B11F2B" d="M124.17 61.85c-.27-.13-6.63-3.13-10.93-5.94c-3.82-2.49-11.73-8.67-21.46-17.89c-7.92-7.51-14.52-18.57-14.8-19.04l2.06-1.22c.07.11 6.72 11.25 14.39 18.52c9.61 9.11 17.38 15.18 21.12 17.62c4.16 2.71 9.53 5.2 9.59 5.23z"/><path fill="#B11F2B" d="m106.02 99.6l-2-.02l.28-51.19l2 .02zm5.623-9.056l.102-52.27l2 .004l-.102 52.27zm7.533-11.564l.1-20.36l2 .01l-.1 20.36zM32.262 92.536l.368-17.947l2 .041l-.368 17.947zM21.384 91.7l.56-27.334l2 .041l-.56 27.335zm22.266 6.64l-2-.02l.37-44.91l2 .02zm10.13 5.67l-2-.02l.18-39.61l2 .02zm7.23-66.46h2v69.59h-2zm8.052 13.953h2v49.87h-2z"/><path fill="#FF2D26" d="M124.18 48.83c-.06-.04-6.68-4.94-12.69-10.12c-4.04-3.48-8.67-8.24-11.26-11.2c-4.31-4.92-6.88-8.68-6.99-8.84l1.99-1.35c.03.04 2.6 3.81 6.81 8.61c2.54 2.89 7.07 7.56 11.02 10.96C119 42 124.14 45.76 124.2 45.8z"/><path fill="#B01522" d="M78.43 17.02s4.7-.13 4.73-.04c.12.43.18 78.52.18 78.52l-7.91 3.21zm14.98.11s4.13-.07 4.21 0c.42.32.28 25.22.28 25.22h.83v55.54l-4.91-5.19z"/><path fill="#FF2D26" d="M95.86 42.53h-1.39l-.04-25.41l-4.23-.06l-.02 2.78s-1.58 1.59-5.01 1.69c-3.43.09-4.82-2.13-4.82-2.13l-.03-2.4l-5.16.04l-.06 25.49l-.98.06l.05 7.27V92.7l.09 16.68l6.4-4.91l-.09-33.74l9.09-.09v31.16l6.21.28V42.53zM80.29 29c.19-.37 9.74-.09 9.74-.09l-.09 13.63H80.3V29zm9.64 34.21h-9.64V49.86h9.64z"/><path fill="#DD0C29" d="M95 17.09s.32-3.23-1.65-3.2c-1.83.02-1.45 3.24-1.45 3.24s.78.02 1.66 0c1-.02 1.44-.04 1.44-.04m-15.52-3.25c-1.78.02-1.49 3.22-1.49 3.22s.81-.02 1.58-.02c.76 0 1.49-.04 1.49-.04s.32-3.18-1.58-3.16"/><path fill="#FF2D26" d="m3.78 84.4l.03-2.53c.06-.01 8.82-1.45 11.5-2.34c.31-.1.84-.25 1.55-.46c5.79-1.65 23.41-6.67 43.05-20.31c21.63-15.02 31.07-40.17 31.17-40.42l2.25.83c-.09.26-9.78 26.1-32.05 41.57C41.31 74.6 23.4 79.7 17.51 81.37c-.67.19-1.15.33-1.45.43c-2.83.95-12.03 2.55-12.28 2.6"/><path fill="#B11F2B" d="M3.76 70.86v-2.35c.17 0 15.7-.17 39.12-16.72c8.67-6.12 20.59-16.75 25.52-22.74c5.64-6.86 5.89-8.53 6.64-10.27c0 0 .31-1.55 1.17-1.74c.21-.05 1.71-.03 1.71-.03c-.16.55-1.8 6.43-7.66 13.56c-5.03 6.12-17.18 16.96-25.98 23.18C20.16 70.79 4.49 70.86 3.76 70.86"/><radialGradient id="SVG2lo6hblK" cx="68.785" cy="149.252" r="135.89" gradientTransform="matrix(-.00766 -1 2.0753 -.0159 -240.431 220.408)" gradientUnits="userSpaceOnUse"><stop offset=".131" stop-color="#FFF"/><stop offset=".848" stop-color="#FFF" stop-opacity="0"/></radialGradient><path fill="url(#SVG2lo6hblK)" d="M116.62 124.26H11.32c-4.15 0-7.52-3.37-7.52-7.52V11.44c0-4.15 3.37-7.52 7.52-7.52h105.3c4.15 0 7.52 3.37 7.52 7.52v105.3c.01 4.15-3.36 7.52-7.52 7.52"/><radialGradient id="SVGLSSjgetN" cx="17.72" cy="130.794" r="81.635" gradientTransform="matrix(.164 -.9865 1.3475 .224 -161.436 118.976)" gradientUnits="userSpaceOnUse"><stop offset=".158" stop-color="#C0D0D5"/><stop offset=".578" stop-color="#FAFBFB"/><stop offset="1" stop-color="#FAFBFB" stop-opacity="0"/></radialGradient><path fill="url(#SVGLSSjgetN)" d="M99.52 124.26h-88.2c-4.15 0-7.52-3.37-7.52-7.52l-.04-40.41s6.22-3.77 16.68-.83c10.46 2.93 16.51 12.1 16.51 12.1s7.03-5.97 18.71-3.12c15.05 3.67 23.49 22.2 23.49 22.2z"/><radialGradient id="SVGaLIcweDV" cx="70.553" cy="51.231" r="79.852" gradientUnits="userSpaceOnUse"><stop offset=".052" stop-color="#FAFBFB" stop-opacity="0"/><stop offset=".571" stop-color="#FAFBFB"/><stop offset=".718" stop-color="#EEF2F3"/><stop offset=".919" stop-color="#D6E1E3"/></radialGradient><path fill="url(#SVGaLIcweDV)" d="M124.15 73.21v43.53c0 4.15-3.37 7.52-7.52 7.52h-83.5s4.13-16.53 20.28-26.29c14.17-8.57 24.27-5.42 24.27-5.42s9.43-16.02 24.04-20.03s22.43.69 22.43.69"/></svg>Foggy ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="noto:foggy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:foggy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:foggy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--foggy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:foggy"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:foggy"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/noto/foggy.svg" alt="Foggy ikonu" width="24" height="24">Diğer ikon setlerinde Foggy ikonu
Foggy ikonu: sık sorulan sorular
Foggy ikonu ticari kullanım için ücretsiz mi?
Evet. Noto Emoji icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Foggy ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="noto:foggy" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Foggy 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/noto/foggy.svg" alt="Foggy ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.