Ikon Drizzle Icon
logos:drizzle-icon
Ikon Drizzle Icon (logos:drizzle-icon) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 217. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 217
- Tag
- drizzleicon
Kode SVG
<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>Cara memakai ikon Drizzle Icon
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 component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:drizzle-icon"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/drizzle-icon.svg" alt="Ikon Drizzle Icon" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Drizzle Icon
Apakah ikon Drizzle Icon gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Drizzle Icon di React?
Pasang @iconify/react lalu render <Icon icon="logos:drizzle-icon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Drizzle Icon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/drizzle-icon.svg" alt="Ikon Drizzle Icon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.