Icono Drizzle Icon
logos:drizzle-icon
El icono Drizzle Icon (logos:drizzle-icon) es un icono SVG gratuito de la colección SVG Logos de Gil Barbara. Está dibujado en una cuadrícula de 256 × 217. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- SVG Logos
- Autor
- Gil Barbara
- Licencia
- CC0-1.0
- Tamaño
- 256 × 217
- Etiquetas
- drizzleicon
Código 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/drizzle-icon.svg" alt="Icono Drizzle Icon" width="24" height="24">Iconos relacionados en SVG Logos
Preguntas frecuentes sobre Icono Drizzle Icon
¿El icono Drizzle Icon es gratis para uso comercial?
Sí. SVG Logos icons se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Drizzle Icon en React?
Instala @iconify/react y renderiza <Icon icon="logos:drizzle-icon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Drizzle Icon a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/logos/drizzle-icon.svg" alt="Icono Drizzle Icon">, o pega el código SVG en línea para darle estilo con CSS.