Fog ikonu
glyphs-poly:fog
Fog ikonu (glyphs-poly:fog), Glyphs Poly setinden ücretsiz bir SVG ikondur (yapımcı: Goran Spasojevic). 80 × 80 ızgara üzerinde çizilmiştir. Glyphs Poly 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
- Glyphs Poly
- Yazar
- Goran Spasojevic
- Lisans
- MIT
- Boyut
- 80 × 80
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="#56ccf2" d="m11.563 17.844l-1.11-1.665zm-3.125 2.083l1.11 1.664zM22 18.885l1.11-1.664zm-1.562-1.041l-1.11 1.664zM4 19.27a2 2 0 0 0 0 4zm31.563-1.426l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM46 18.885l1.11-1.664zm-1.562-1.041l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM70 18.885l-1.11 1.664zm-1.562-1.041l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 23.27a2 2 0 0 0 0-4zm-65.547-7.09l-3.125 2.083l2.22 3.328l3.124-2.083zm12.657 1.04l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 19.27v4c1.933 0 3.868-.56 5.547-1.68zm27.125-2.084l-3.125 2.084l2.22 3.328l3.124-2.083zm-9.781 2.084L23.11 17.22l-2.22 3.328l1.563 1.042zM47.11 17.22l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm27.125-2.084l-3.125 2.084l2.22 3.328l3.124-2.083zm-9.781 2.084L47.11 17.22l-2.22 3.328l1.563 1.042zM71.11 17.22l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm17.344 0L71.11 17.22l-2.22 3.328l1.563 1.042zM76 19.27c-1.16 0-2.32-.335-3.328-1.007l-2.219 3.328A10 10 0 0 0 76 23.27z"/><path fill="#2f80ed" d="m11.563 31.613l-1.11-1.664zm-3.125 2.083l1.11 1.664zM22 32.655l1.11-1.664zm-1.562-1.042l-1.11 1.664zM4 33.04a2 2 0 0 0 0 4zm31.563-1.427l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM46 32.655l1.11-1.664zm-1.562-1.042l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM70 32.655l-1.11 1.664zm-1.562-1.042l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 37.04a2 2 0 0 0 0-4zm-65.547-7.091l-3.125 2.083l2.22 3.328l3.124-2.083zm12.657 1.042l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 33.04v4a10 10 0 0 0 5.547-1.68zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083l-1.562-1.041l-2.22 3.328l1.563 1.041zm22.438-1.041l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083l-1.562-1.041l-2.22 3.328l1.563 1.041zm22.438-1.041l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm17.344 0l-1.562-1.041l-2.22 3.328l1.563 1.041zM76 33.04a6 6 0 0 1-3.328-1.008l-2.219 3.328A10 10 0 0 0 76 37.04z"/><path fill="#56ccf2" d="m11.563 45.383l-1.11-1.664zm-3.125 2.083l1.11 1.664zM22 46.424l1.11-1.664zm-1.562-1.041l-1.11 1.664zM4 46.809a2 2 0 1 0 0 4zm31.563-1.426l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM46 46.424l1.11-1.664zm-1.562-1.041l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.664zM70 46.424l-1.11 1.664zm-1.562-1.041l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 50.809a2 2 0 0 0 0-4zm-65.547-7.09l-3.125 2.083l2.22 3.328l3.124-2.083zM23.11 44.76l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 46.81v4c1.933 0 3.868-.56 5.547-1.68zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083L23.11 44.76l-2.22 3.328l1.563 1.042zM47.11 44.76l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm27.125-2.083l-3.125 2.083l2.22 3.328l3.124-2.083zm-9.781 2.083L47.11 44.76l-2.22 3.328l1.563 1.042zM71.11 44.76l-1.563-1.041l-2.219 3.328l1.563 1.041zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0l-2.219 3.328a10 10 0 0 0 11.094 0zm17.344 0L71.11 44.76l-2.22 3.328l1.563 1.042zM76 46.81c-1.16 0-2.32-.336-3.328-1.008l-2.219 3.328A10 10 0 0 0 76 50.81z"/><path fill="#2f80ed" d="m11.563 59.152l-1.11-1.664zm-3.125 2.083l1.11 1.665zM22 60.194l1.11-1.664zm-1.562-1.042l-1.11 1.664zM4 60.58a2 2 0 0 0 0 4zm31.563-1.427l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.665zM46 60.194l1.11-1.664zm-1.562-1.042l-1.11 1.664zm15.125 0l1.109 1.664zm-3.125 2.083l-1.11-1.664zm-8.875 0l-1.11 1.665zM70 60.194l-1.11 1.664zm-1.562-1.042l-1.11 1.664zm3.125 2.083l1.109-1.664zM76 64.58a2 2 0 0 0 0-4zm-65.547-7.09l-3.125 2.08l2.22 3.329l3.124-2.084zm12.657 1.04l-1.563-1.04l-2.219 3.327l1.563 1.042zm-10.438 2.287a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245A6 6 0 0 1 4 60.58v4c1.933 0 3.868-.56 5.547-1.68zm27.125-2.083l-3.125 2.083l2.22 3.329l3.124-2.084zm-9.781 2.083L23.11 58.53l-2.22 3.328l1.563 1.042zM47.11 58.53l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0L22.453 62.9a10 10 0 0 0 11.094 0zm27.125-2.083l-3.125 2.083l2.22 3.329l3.124-2.084zm-9.781 2.083L47.11 58.53l-2.22 3.328l1.563 1.042zM71.11 58.53l-1.563-1.042l-2.219 3.328l1.563 1.042zm-10.438 2.286a6 6 0 0 1 6.656 0l2.22-3.328a10 10 0 0 0-11.095 0zm-5.344-1.245a6 6 0 0 1-6.656 0L46.453 62.9a10 10 0 0 0 11.094 0zm17.344 0L71.11 58.53l-2.22 3.328l1.563 1.042zM76 60.58c-1.16 0-2.32-.336-3.328-1.008L70.453 62.9A10 10 0 0 0 76 64.579z"/></g></svg>Fog ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs-poly:fog" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs-poly:fog" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs-poly:fog" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs-poly--fog]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs-poly -->
<div class="i-glyphs-poly:fog"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs-poly:fog"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/glyphs-poly/fog.svg" alt="Fog ikonu" width="24" height="24">Glyphs Poly setindeki benzer ikonlar
Diğer ikon setlerinde Fog ikonu
Fog ikonu: sık sorulan sorular
Fog ikonu ticari kullanım için ücretsiz mi?
Evet. Glyphs Poly icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Fog ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="glyphs-poly:fog" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Fog 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/glyphs-poly/fog.svg" alt="Fog ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.