IconSearch logoIconsearch
Home/Libraries/CoreUI Brands (Iconify)/jsfiddle
← Back to Search
CoreUI Brands (Iconify)

Jsfiddle

License: CC0-1.0Commercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><path fill="#818cf8" d="M28.104 15a7 7 0 0 0 .027-.557c0-5.177-4.256-9.375-9.511-9.375a9.51 9.51 0 0 0-8.589 5.344a4.4 4.4 0 0 0-2.676-.907c-2.428 0-4.391 1.932-4.391 4.317q.001.68.197 1.292A6.31 6.31 0 0 0 0 20.573c0 3.468 2.833 6.287 6.344 6.339h19c.12 0 .24.02.359.02c3.48 0 6.303-2.776 6.303-6.219A6.21 6.21 0 0 0 28.126 15zM8.588 22.136c-.64-.579-1.041-1.276-1.197-2.105a4.5 4.5 0 0 1-.084-.869c0-1.183.433-2.151 1.292-2.916q1.288-1.157 3.271-1.157c1.36 0 2.641.511 3.776 1.532c.281.249.557.536.819.853l1.453 1.715c.255.343.52.635.801.891c.751.671 1.563 1.009 2.251 1.009q.873-.002 1.457-.536c.328-.307.537-.719.579-1.167l.011-.197c0-.188-.032-.376-.089-.552a2.03 2.03 0 0 0-1.973-1.339c-.724 0-1.443.244-2.235 1.009l-1.287-1.52l-.14-.172c1.14-1.104 2.26-1.521 3.781-1.521c1.339 0 2.437.38 3.249 1.141l.027.02c.859.761 1.276 1.74 1.276 2.943c0 .281-.021.584-.079.839c-.161.824-.563 1.5-1.183 2.084a4.3 4.3 0 0 1-2.276 1.077a6.5 6.5 0 0 1-.943.057c-1.375 0-2.676-.5-3.776-1.495a8.5 8.5 0 0 1-.859-.921l-1.459-1.699a5.4 5.4 0 0 0-.781-.9c-.74-.677-1.557-1-2.276-1c-.208 0-.416.031-.62.083c-.312.079-.604.24-.839.459a1.83 1.83 0 0 0-.583 1.344c0 .515.183.957.563 1.312l.02.027c.401.359.901.536 1.48.536c.739 0 1.457-.26 2.235-1.021l1.28 1.5l.141.161c-1.161 1.12-2.276 1.537-3.74 1.537c-1.339 0-2.437-.38-3.276-1.141z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. JsfiddleIcon.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.

Related Icons in CoreUI Brands (Iconify)

Browse all CoreUI Brands (Iconify) icons →
500px
500px
500px-5
500px-5
about-me
about-me
abstract
abstract
acm
acm
addthis
addthis
adguard
adguard
adobe
adobe
adobe-acrobat-reader
adobe-acrobat-reader
adobe-after-effects
adobe-after-effects
adobe-audition
adobe-audition
adobe-creative-cloud
adobe-creative-cloud