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

SVG Logos (Iconify)

SnapletIcon

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 234"><path fill="#818cf8" d="M65.855 195.984c6.432 0 12.6-2.529 17.15-7.031a23.92 23.92 0 0 0 7.114-16.98c0-3.155-.628-6.279-1.847-9.194a24 24 0 0 0-5.26-7.792a24.3 24.3 0 0 0-7.873-5.204a24.4 24.4 0 0 0-9.284-1.821c-6.43 0-12.595 2.53-17.142 7.033a23.9 23.9 0 0 0-7.1 16.978a23.92 23.92 0 0 0 7.106 16.973a24.38 24.38 0 0 0 17.136 7.038m123.43-20.587a24.5 24.5 0 0 0 9.283-1.822a24.3 24.3 0 0 0 7.872-5.203a24 24 0 0 0 5.26-7.793a23.8 23.8 0 0 0 1.848-9.193a23.92 23.92 0 0 0-7.114-16.98a24.38 24.38 0 0 0-17.15-7.031a24.38 24.38 0 0 0-17.136 7.038a23.9 23.9 0 0 0-7.106 16.973a23.9 23.9 0 0 0 7.1 16.979a24.36 24.36 0 0 0 17.143 7.032"/><path fill="#818cf8" d="M6.175 233.512a6.2 6.2 0 0 1-4.268-1.678A6.06 6.06 0 0 1 0 227.553a6.1 6.1 0 0 1 .426-2.35c.143-.404 5.953-16.898 8.633-72.783c1.453-30.394 1.494-43.747-.982-73.594c-2.393-28.57 1.514-45.368 11.518-49.968c14.035-6.382 26.76 3.911 39.076 13.88c13.584 11.003 27.618 22.29 46.44 19.574c12.827-1.904 17.533-13.799 23.24-31.731c4.46-13.961 9.043-28.368 22.505-30.394c6.342-.912 13.318 1.52 20.724 7.254c35.557 27.537 77.353 125.122 84.39 197.034c.08.796 0 1.6-.236 2.365a6.1 6.1 0 0 1-1.133 2.094a6.1 6.1 0 0 1-1.857 1.503a6.18 6.18 0 0 1-6.785-.68a6.06 6.06 0 0 1-2.202-4.107c-7.222-73.938-49.878-165.525-79.787-188.645c-4.522-3.485-8.552-5.208-11.396-4.782c-5.912.871-9.165 11.124-12.643 22.005c-5.237 16.453-11.743 36.919-33.101 40.1c-24.203 3.607-41.879-10.699-56.056-22.29c-11.846-9.583-19.456-15.297-26.187-12.157c-2.844 1.297-6.567 12.725-4.46 37.912c2.537 30.536 2.476 44.152 1.003 75.154c-2.844 59.147-9.166 75.884-9.432 76.573a6.1 6.1 0 0 1-2.148 2.828a6.2 6.2 0 0 1-3.375 1.164"/><path fill="#818cf8" d="M34.762 186.137a3.13 3.13 0 0 1-1.687-.509c-.5-.327-.896-.79-1.136-1.335a3.01 3.01 0 0 1 .607-3.376c.287-.29.63-.52 1.009-.677l24.12-10.253l-25.327-5.106a3.06 3.06 0 0 1-1.946-1.29a3 3 0 0 1-.448-2.276a3 3 0 0 1 1.297-1.94a3.07 3.07 0 0 1 2.304-.451l34.963 7.052c.641.125 1.225.45 1.667.928s.718 1.082.788 1.726a3.06 3.06 0 0 1-.41 1.856a3.1 3.1 0 0 1-1.431 1.264l-33.163 14.124a2.8 2.8 0 0 1-1.207.263m185.635-29.624h-.164l-36.027-1.924a3.07 3.07 0 0 1-1.744-.621a3.02 3.02 0 0 1-1.058-1.507a3 3 0 0 1 .132-1.886a3.03 3.03 0 0 1 1.238-1.437l30.38-18.54a3.11 3.11 0 0 1 4.215.992c.42.69.55 1.516.363 2.3a3.08 3.08 0 0 1-1.365 1.894l-22.014 13.414l26.208 1.399a3.1 3.1 0 0 1 2.117 1.009c.544.6.827 1.387.788 2.192a3.05 3.05 0 0 1-1.012 1.937a3.1 3.1 0 0 1-2.057.778m-95.95 20.89a22.82 22.82 0 0 1-14.06-4.101a22.46 22.46 0 0 1-8.587-11.764a4.02 4.02 0 0 1 .27-3.035a4.08 4.08 0 0 1 2.328-1.99a4.13 4.13 0 0 1 3.125.166a4.07 4.07 0 0 1 2.092 2.306c2.68 8.105 9.738 11.63 19.374 9.908s14.791-7.578 14.607-16.089c0-1.075.431-2.105 1.198-2.865a4.1 4.1 0 0 1 2.894-1.187a4.1 4.1 0 0 1 2.893 1.187a4.03 4.03 0 0 1 1.198 2.865c.266 12.523-7.917 21.803-21.338 24.215a34 34 0 0 1-5.994.384m-68.474-36.087q-.45.047-.9 0a4.1 4.1 0 0 1-2.557-1.788a4.02 4.02 0 0 1-.532-3.055c2.045-8.692 13.236-22.167 27.087-24.315s27.986 8.105 30.319 15.987a4 4 0 0 1-.34 3.084a4.1 4.1 0 0 1-1.027 1.211a4.13 4.13 0 0 1-4.524.4a4.06 4.06 0 0 1-1.965-2.405c-1.146-3.89-11.17-11.854-21.175-10.273c-10.004 1.58-18.985 11.914-20.458 18.236a4.05 4.05 0 0 1-1.473 2.108c-.708.526-1.57.81-2.455.81m79.765-13.496a3.6 3.6 0 0 1-1.126-.162a4.1 4.1 0 0 1-1.422-.719a4.06 4.06 0 0 1-1.528-2.709a4 4 0 0 1 .127-1.576c2.046-7.356 9.472-20.405 23.752-22.654c12.991-2.027 27.946 6.585 32.14 15.38a4.02 4.02 0 0 1-.737 4.467c-.37.39-.815.703-1.308.922a4.13 4.13 0 0 1-3.16.12a4.06 4.06 0 0 1-2.303-2.147c-2.537-5.328-13.768-12.38-23.445-10.84c-10.23 1.601-15.692 11.733-17.165 16.879a4.05 4.05 0 0 1-1.402 2.15c-.69.549-1.54.86-2.423.89"/><path fill="#818cf8" d="M157.851 142.33c-8.597-.011-16.838-3.399-22.917-9.419a32 32 0 0 1-9.508-22.47a23 23 0 0 0-3.677-.309a22.4 22.4 0 0 0-11.473 3.165a31.9 31.9 0 0 1 1.79 10.472a32 32 0 0 1-9.508 22.698c-6.08 6.02-14.321 9.408-22.917 9.418c-8.597-.01-16.839-3.397-22.917-9.418a32.03 32.03 0 0 1-9.357-19.617l-6.393 1.154a5 5 0 0 1-.92.141a5.15 5.15 0 0 1-3.27-1.188a5.06 5.06 0 0 1-1.743-2.986a5 5 0 0 1 .817-3.777a5.1 5.1 0 0 1 1.427-1.373a5.1 5.1 0 0 1 1.848-.726l8.944-1.632a32.07 32.07 0 0 1 8.654-15.379c6.078-6.016 14.316-9.4 22.91-9.411a32.63 32.63 0 0 1 22.91 9.411a32 32 0 0 1 2.88 3.266a32.67 32.67 0 0 1 16.318-4.37a32 32 0 0 1 5.237.42a32.1 32.1 0 0 1 7.948-12.885c6.079-6.02 14.32-9.407 22.917-9.418c8.597.01 16.838 3.398 22.917 9.418a32 32 0 0 1 3.708 4.394q.13-.03.26-.055l7.713-1.398a5.16 5.16 0 0 1 3.81.816a5.06 5.06 0 0 1 2.123 3.237a5.03 5.03 0 0 1-.815 3.786a5.12 5.12 0 0 1-3.277 2.11l-5.278.957a32 32 0 0 1 1.265 8.851c-.01 8.515-3.43 16.677-9.509 22.698c-6.079 6.02-14.32 9.408-22.917 9.419m0-54.102a22.33 22.33 0 0 0-15.69 6.445a21.9 21.9 0 0 0-6.507 15.54a21.92 21.92 0 0 0 6.513 15.534a22.35 22.35 0 0 0 15.684 6.451a22.35 22.35 0 0 0 15.684-6.45a21.92 21.92 0 0 0 6.513-15.535a21.9 21.9 0 0 0-6.507-15.54a22.33 22.33 0 0 0-15.69-6.445m-78.21 13.556a22.35 22.35 0 0 0-15.684 6.451a21.92 21.92 0 0 0-6.514 15.534a21.92 21.92 0 0 0 6.514 15.534a22.35 22.35 0 0 0 15.684 6.451a22.35 22.35 0 0 0 15.683-6.451a21.92 21.92 0 0 0 6.514-15.534a21.92 21.92 0 0 0-6.52-15.521a22.35 22.35 0 0 0-15.677-6.444z"/></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. SnapletIconIcon.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.