Drizzle Icon ikonu
logos:drizzle-icon
Drizzle Icon ikonu (logos:drizzle-icon), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 256 × 217 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 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
- SVG Logos
- Yazar
- Gil Barbara
- Lisans
- CC0-1.0
- Boyut
- 256 × 217
- Etiketler
- drizzleicon
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="217" viewBox="0 0 256 217"><defs><radialGradient id="SVGwp58fbmA" cx="49.99%" cy="50%" r="55.431%" fx="49.99%" fy="50%" gradientTransform="matrix(.82793 0 0 1 .086 0)"><stop offset="0%" stop-color="#5e464d"/><stop offset="100%" stop-color="#5e464d"/></radialGradient></defs><path fill="url(#SVGwp58fbmA)" d="M252.198 121.242c0-64.252-60.217-116.658-124.47-116.658C63.476 4.584 3.233 57.158 3.233 121.41c0 .168-3.233 59.118-3.233 59.118c.673 18.986 64.123 36.006 127.961 36.006c64.265 0 128.039-17.02 128.039-36.006c-.052 0-3.802-58.626-3.802-59.286"/><path fill="#fff" d="M58.678 132.261a144 144 0 0 0-2.78-21.03a147 147 0 0 0-5.458-19.606c-1.164-3.13-2.328-6.208-3.674-9.17c-1.345-2.961-4.785-11.782-5.302-13.256s-1.177-2.91-1.85-4.32a91 91 0 0 0-4.32-8.264l-.22-.375a11.304 11.304 0 0 1 13.193-16.387l1.293.414l1.151.388l2.315.737c1.462.543 2.897 1.087 4.32 1.656a181 181 0 0 1 8.355 3.66a173 173 0 0 1 15.998 8.587a159 159 0 0 1 28.854 22.31a136.6 136.6 0 0 1 21.28 26.791c.468.77-.599 1.67-.556.535a127.3 127.3 0 0 0-2.23-28.93A114.5 114.5 0 0 0 118.52 45.61a121.6 121.6 0 0 0-18.533-26.49l-.156-.155a11.33 11.33 0 0 1 9.843-18.87l.97.13l.789.116l1.513.259c.983.168 1.953.35 2.91.556c1.9.388 3.776.828 5.626 1.293c3.711.945 7.346 2.03 10.928 3.247a162.6 162.6 0 0 1 57.902 34.402a165.3 165.3 0 0 1 28.557 34.803a191 191 0 0 1 3.065 5.192c.035.061-.003.218-.012.019a58 58 0 0 0-1.54-10.81a61.5 61.5 0 0 0-4.126-11.46a71 71 0 0 0-6.466-10.864a92 92 0 0 0-8.51-10.01a124 124 0 0 0-10.01-9.053a98 98 0 0 1 12.493 5.716a84.4 84.4 0 0 1 11.82 7.644a73 73 0 0 1 10.567 9.958a68.3 68.3 0 0 1 8.575 12.274a73.7 73.7 0 0 1 8.613 29.527a39.4 39.4 0 0 1 0 7.76a63 63 0 0 1-1.487 7.643c-.582 2.587-1.19 5.031-1.953 7.527a39 39 0 0 1-1.293 3.75l-.634 1.863l-.414.996l-.53 1.203a11.278 11.278 0 0 1-21.042-.905l-.104-.337a169 169 0 0 0-16.464-35.682a142 142 0 0 0-24.56-29.94a139.5 139.5 0 0 0-37.824-24.949c-.192-.085 1.14 2.07 1.727 3.207a137.5 137.5 0 0 1 12.61 36.407a150 150 0 0 1 2.535 38.205a159 159 0 0 1-2.328 18.96a172 172 0 0 1-2.07 9.39a95 95 0 0 1-1.292 4.707l-.75 2.38l-.401 1.293l-.505 1.423a11.317 11.317 0 0 1-21.65-1.06l-.078-.324a106.6 106.6 0 0 0-11.303-28.375a113.2 113.2 0 0 0-18.934-24.289a136.8 136.8 0 0 0-24.755-19.076q-1.935-1.178-3.906-2.295c.152.004.438-.325.473-.05c.21 1.658.357 3.328.523 4.97c.31 3.88.479 7.682.427 11.485a125 125 0 0 1-2.328 22.31c-.724 3.62-1.59 7.19-2.664 10.695a81 81 0 0 1-3.686 10.334"/><path fill="#e911bd" d="M58.678 132.261c.556-6.977.556-13.988 0-20.965a144 144 0 0 0-3.065-20.473a129 129 0 0 0-2.69-9.88c-1.035-3.234-2.29-6.377-3.35-9.572a122 122 0 0 0-1.655-4.772c-.582-1.578-1.294-3.117-1.992-4.63c-1.371-3.065-3-6.001-4.656-8.911l-.078-.13a4.4 4.4 0 0 1 1.643-6a4.35 4.35 0 0 1 3.479-.388c3.013.918 5.639 1.914 8.393 3.013c2.755 1.1 5.368 2.263 7.993 3.492a167 167 0 0 1 15.339 8.252a151.6 151.6 0 0 1 27.638 21.3a128.7 128.7 0 0 1 21.521 27.613a122.3 122.3 0 0 1 8.564 18.22c.021-.036-.276-.342-.26-.284q.232-1.137.452-2.274c1.04-5.64 1.74-11.336 2.095-17.059c.742-11.436.012-22.92-2.173-34.17a121.6 121.6 0 0 0-11.161-32.229a128.5 128.5 0 0 0-19.607-28a4.41 4.41 0 0 1 3.88-7.346c2.044.258 3.738.582 5.561.957c1.824.375 3.57.776 5.329 1.293q5.277 1.293 10.347 3.091a155.3 155.3 0 0 1 55.367 32.863a158.2 158.2 0 0 1 27.34 33.342a184 184 0 0 1 13.569 26.87c1.623 3.997-.567 1.828-.17-.266c.763-4.165 1.203-8.355 1.591-12.571a61.8 61.8 0 0 0-3.182-25.117a67.3 67.3 0 0 0-13.204-22.258a99.8 99.8 0 0 0-20.306-17.304a97.5 97.5 0 0 1 22.569 15.08a70.1 70.1 0 0 1 16.529 22.258a69.4 69.4 0 0 1 6.233 27.586a53 53 0 0 1-.271 7.14c-.272 2.366-.724 4.707-1.216 7.035a81 81 0 0 1-2.91 10.334c-.427 1.164-.815 2.198-1.41 3.505a4.41 4.41 0 0 1-8.186-.401v-.09a175.2 175.2 0 0 0-17.15-37.158a149.3 149.3 0 0 0-25.866-31.492a146.4 146.4 0 0 0-52.25-31.04a134 134 0 0 0-7.46-2.295c-.758-.209-2.464-3.403.174.07a137.5 137.5 0 0 1 12.575 19.892a130.6 130.6 0 0 1 11.976 34.57a143.6 143.6 0 0 1 2.315 36.433a150 150 0 0 1-2.237 18.107a143 143 0 0 1-1.953 8.936a142 142 0 0 1-1.229 4.45a73 73 0 0 1-1.474 4.526a4.423 4.423 0 0 1-8.432-.453v-.103a114 114 0 0 0-12.054-30.212a119.7 119.7 0 0 0-20.047-25.711a143.6 143.6 0 0 0-25.97-20.073a157 157 0 0 0-19.21-9.86c-.006.015.012-.069.006-.053a123 123 0 0 1 3.917 9.46a64 64 0 0 1 2.587 10.632a127 127 0 0 1 1.41 10.773c.601 7.153.601 14.343 0 21.495q-.414 5.342-1.294 10.593a91 91 0 0 1-2.224 10.359"/></svg>Drizzle Icon ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="logos:drizzle-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:drizzle-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:drizzle-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--drizzle-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:drizzle-icon"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:drizzle-icon"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/drizzle-icon.svg" alt="Drizzle Icon ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Drizzle Icon ikonu: sık sorulan sorular
Drizzle Icon ikonu ticari kullanım için ücretsiz mi?
Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Drizzle Icon ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:drizzle-icon" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Drizzle Icon 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/logos/drizzle-icon.svg" alt="Drizzle Icon ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.