Home/Libraries/SVG Logos (Iconify)/jsbin

SVG Logos (Iconify)

Jsbin

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 358"><defs><path id="SVGJdhl4bQu" fill="#818cf8" d="M.784 52.446v146.942c0 28.508 53.166 51.62 118.75 51.62s118.75-23.112 118.75-51.62V52.446s-4.94 50.177-118.75 50.177C5.722 102.624.784 52.446.784 52.446"/></defs><g transform="translate(7.969 106.584)"><use href="#SVGJdhl4bQu"/><ellipse cx="119.534" cy="52.446" fill="#818cf8" rx="118.75" ry="51.616"/><use href="#SVGJdhl4bQu"/><path fill="#818cf8" d="M222.402 76.928c3.351-2.565 6.62-5.132 9.089-8.606c1.417-1.998 2.585-4.125 3.681-6.291a45.6 45.6 0 0 0 3.111-6.545V199.39c0 13.218-11.435 25.276-30.235 34.408V85.596c5.07-2.389 9.909-5.268 14.354-8.669m-205.736.001c-3.353-2.565-6.62-5.132-9.089-8.606c-1.42-1.998-2.586-4.125-3.682-6.291a46 46 0 0 1-3.111-6.545V199.39c0 13.218 11.435 25.276 30.234 34.408V85.596c-5.068-2.389-9.907-5.268-14.352-8.669"/><path fill="#818cf8" d="M119.534 247.15C55.568 247.15 3.432 225.776.96 199.016a21 21 0 0 0-.102 1.986c0 27.685 53.133 50.126 118.677 50.126s118.678-22.441 118.678-50.126c0-.664-.038-1.327-.103-1.986c-2.473 26.76-54.609 48.136-118.575 48.136"/><path fill="#818cf8" d="M119.534 100.581C55.568 100.581 3.432 79.208.96 52.447a21 21 0 0 0-.102 1.988c0 27.684 53.133 50.125 118.677 50.125s118.678-22.44 118.678-50.125c0-.667-.038-1.328-.103-1.988c-2.473 26.76-54.609 48.134-118.575 48.134m-.001 130.125c-63.966 0-116.102-21.374-118.575-48.134a21 21 0 0 0-.102 1.988c0 27.684 53.133 50.124 118.677 50.124s118.678-22.44 118.678-50.124c0-.667-.038-1.327-.103-1.988c-2.473 26.76-54.609 48.134-118.575 48.134"/></g><path fill="#818cf8" d="M235.916 156.342c0 4.547-1.96 8.645-5.577 12.73c-7.157 8.086-54.526 26.834-102.101 26.874c-48.063.042-96.339-18.706-103.572-26.874c-3.624-4.088-5.577-8.177-5.577-12.73c0-22.63 48.54-40.976 108.414-40.976c59.874.001 108.413 18.346 108.413 40.976"/><path fill="#818cf8" d="M24.665 107.412c17.107 11.934 60.622 23.073 102.837 23.073s88.118-11.537 102.836-23.073v-7.162s-32.256 20.64-102.836 20.64c-70.582 0-102.837-20.64-102.837-20.64z"/><path fill="#818cf8" d="M230.34 164.917s-20.908 29.438-102.837 29.438c-81.931 0-102.837-29.438-102.837-29.438V101s29.603 20.157 100.416 20.157S230.34 101 230.34 101z"/><path fill="#818cf8" d="M127.463 191.208c-51.632-.008-94.313-14.945-102.797-32.18v10.044s20.895 28.227 102.756 28.247h.081c81.864-.02 102.836-28.247 102.836-28.247v-10.043c-8.485 17.234-51.244 32.171-102.876 32.18"/><path fill="#818cf8" d="M127.503 118.79C58.781 118.79 2.767 97.414.11 70.654A20 20 0 0 0 0 72.642c0 27.685 57.085 50.125 127.502 50.125s127.502-22.44 127.502-50.125c0-.665-.043-1.329-.11-1.988c-2.656 26.76-58.67 48.136-127.392 48.136"/><path fill="#818cf8" d="M127.503 0C57.086 0 .001 22.442.001 50.126v21.88c0 27.683 57.085 50.125 127.502 50.125s127.502-22.442 127.502-50.124v-21.88C255.005 22.441 197.92 0 127.503 0"/><path fill="#818cf8" d="M127.241 16.909c18.843 0 36.203 2.589 49.373 6.852l18.87-6.852l4.57 19.442h-56.995l-.726-.147l20.263-7.355c-9.32-3.115-21.755-5.02-35.302-5.02c-10.858 0-21.031 1.234-29.442 3.343L79.13 23.37c13.132-4.09 30.076-6.462 48.11-6.462M53.547 34.81c.632-2.832 7.573-5.09 15.514-5.09s14.077 2.26 13.705 5.09c-.379 2.883-7.342 5.257-15.544 5.257c-8.2.001-14.32-2.374-13.675-5.257m74.01 35.917c-22.214 0-41.89-3.532-55.453-9.073l-24.992 9.073l5.183-23.683h59.636l.27.059l-23.024 8.356c9.523 3.743 23.104 6.111 38.309 6.111c12.495 0 23.815-1.584 32.673-4.203l21.816 4.672c-13.248 5.25-32.374 8.688-54.417 8.688m61.92-16.303c-8.566 0-15.885-2.591-16.341-5.73c-.447-3.084 5.91-5.54 14.185-5.54c8.28 0 15.576 2.456 16.307 5.54c.744 3.139-5.587 5.73-14.151 5.73"/><path fill="#818cf8" d="M216.017 108.08V83.76s34.511-10.607 38.988-33.634v21.88c0 14.166-14.953 26.958-38.988 36.074m-177.03 0V83.495C11.836 75.009 1.227 59.625 0 50.126v21.88c.001 14.166 14.953 26.958 38.987 36.074"/><path fill="#818cf8" d="M127.503 96.274C58.781 96.274 2.767 74.898.11 48.138a20 20 0 0 0-.11 1.99c0 27.682 57.085 50.123 127.502 50.123s127.502-22.44 127.502-50.124c0-.667-.043-1.329-.11-1.989c-2.656 26.76-58.67 48.136-127.392 48.136"/><g transform="translate(161.37 135.47)"><path fill="#818cf8" d="M34.023 19.729c0 9.749-7.132 17.654-16.913 17.654c-9.78 0-16.912-7.905-16.912-17.654C.198 9.978 7.33 2.076 17.11 2.076c9.781 0 16.913 7.902 16.913 17.653"/><circle cx="17.111" cy="16.217" r="15.536" fill="#818cf8"/><circle cx="17.11" cy="13.818" r="5.068" fill="#818cf8"/></g><g transform="translate(58.77 135.47)"><path fill="#818cf8" d="M34.264 19.729c0 9.749-7.132 17.654-16.913 17.654c-9.779 0-16.913-7.905-16.913-17.654c0-9.751 7.133-17.653 16.913-17.653s16.913 7.902 16.913 17.653"/><circle cx="17.507" cy="16.217" r="15.535" fill="#818cf8"/><circle cx="17.352" cy="13.818" r="5.068" fill="#818cf8"/></g><path fill="#818cf8" d="M128.24 326.028c-5.3 0-10.627-.277-19.009-.988c-3.927-.336-7.125-3.848-7.125-7.836v-79.662c0-3.713 2.813-6.515 6.545-6.515c.206 0 .419.01.63.027c8.35.71 13.666.988 18.958.988s10.607-.278 18.96-.989q.316-.026.628-.026c3.729 0 6.544 2.8 6.544 6.515v79.662c0 3.988-3.198 7.5-7.126 7.836c-8.383.71-13.71.988-19.006.988m-19.59-91.023c-1.535 0-2.565 1.018-2.565 2.537v79.662c0 1.904 1.627 3.713 3.484 3.872c8.259.7 13.493.975 18.67.975c5.174 0 10.408-.274 18.67-.975c1.855-.158 3.484-1.968 3.484-3.872v-79.662c0-1.61-1.199-2.673-2.853-2.523c-8.478.72-13.888 1-19.3 1c-5.415 0-10.826-.28-19.3-1a3 3 0 0 0-.29-.014"/><path fill="#818cf8" d="M225.364 231.588c-9.444 6.121-27.024 17.514-62.096 25.417c5.038 26.733 5.038 26.733 11.66 61.772c12.135-3.61 37.384-11.13 57.84-27.994a4476 4476 0 0 0-7.404-59.195"/><path fill="#818cf8" d="M202.513 301.993c-6.912 3.813-11.636-1.727-11.636-1.727l4.08-3.878s2.277 2.935 6.037.432c1.761-1.171.613-7.038.613-7.038l-3.381-16.132l5.32-2.243s3.226 18.628 3.562 20.491c.63 3.49 1.149 6.924-4.595 10.095m14.329-8.15c-3.893.588-6.093-2.315-6.093-2.315l3.55-4.344s1.337 1.484 3.195 1.206c1.576-.24 3.425-1.29 4.07-3.27c1.1-3.39.081-4.552-3.372-4.168c-3.45.386-7.789.892-8.557-5.913c-.681-6.035 4.595-10.652 8.167-11.28c3.545-.62 5.522 1.882 5.522 1.882l-3.534 4.29s-2.345-1.066-3.755.197c-1.282 1.15-1.775 2.651-1.287 3.792c.428.999 1.719 1.44 3.792 1.286c2.074-.15 5.488-1.356 7.59 2.873c2.364 4.75-.099 14.38-9.288 15.764"/></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. JsbinIcon.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.