Home/Libraries/SVG Logos (Iconify)/drizzle-icon

SVG Logos (Iconify)

DrizzleIcon

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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="#818cf8" 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="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. DrizzleIconIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.