Home/Libraries/Plump color icons (Iconify)/browser-code-1-flat

Plump color icons (Iconify)

BrowserCode1Flat

License: CC-BY-4.0

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 48 48"><g fill="none"><path fill="#818cf8" d="M24 46.5c-7.401 0-12.593-.278-15.864-.544c-3.288-.267-5.825-2.804-6.092-6.092C1.778 36.593 1.5 31.401 1.5 24s.278-12.593.544-15.864c.267-3.288 2.804-5.825 6.092-6.092C11.407 1.778 16.599 1.5 24 1.5s12.593.278 15.864.544c3.288.267 5.825 2.804 6.092 6.092c.266 3.271.544 8.463.544 15.864s-.278 12.593-.544 15.864c-.267 3.288-2.804 5.825-6.092 6.092c-3.271.266-8.463.544-15.864.544"/><path fill="#818cf8" d="M46.262 13H1.737c.092-1.94.2-3.556.307-4.864c.267-3.288 2.803-5.825 6.091-6.092C11.407 1.778 16.598 1.5 24 1.5c7.401 0 12.592.278 15.864.544c3.288.267 5.825 2.804 6.092 6.092c.106 1.308.214 2.923.306 4.864"/><path fill="#818cf8" fill-rule="evenodd" d="M8 7.5A1.5 1.5 0 0 1 9.5 6h2a1.5 1.5 0 0 1 0 3h-2A1.5 1.5 0 0 1 8 7.5M17.5 6a1.5 1.5 0 0 0 0 3h2a1.5 1.5 0 0 0 0-3z" clip-rule="evenodd"/><path fill="#818cf8" d="M13.121 38.234c2.489-1.266 5.111-2.678 7.275-4.572c.967-.846 2.104-2.067 2.104-3.663s-1.137-2.817-2.104-3.662c-2.164-1.894-4.787-3.307-7.275-4.573a2.496 2.496 0 0 0-3.357 1.117a2.505 2.505 0 0 0 1.115 3.352l.248.127c2.054 1.045 4.218 2.147 5.876 3.64c-1.658 1.492-3.821 2.593-5.875 3.639l-.25.127a2.505 2.505 0 0 0-1.114 3.351a2.496 2.496 0 0 0 3.357 1.117M26 33.5a2.5 2.5 0 0 0 0 5h10a2.5 2.5 0 0 0 0-5z"/></g></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. BrowserCode1FlatIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.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.