IconSearch logoIconsearch
Home/Libraries/Line Awesome (Iconify)/themeco
← Back to Search
Line Awesome (Iconify)

Themeco

License: Apache-2.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="M15.84 2.998c-.486.003-.97.116-1.365.338L5.39 8.44C4.585 8.893 4 9.883 4 10.795v10.35c0 .906.582 1.895 1.383 2.351l9.09 5.164a2.83 2.83 0 0 0 1.384.342c.48 0 .96-.108 1.354-.324l9.393-5.184c.809-.453 1.396-1.44 1.396-2.35v-10.35c0-.917-.591-1.906-1.404-2.349l-9.389-5.127a2.86 2.86 0 0 0-1.367-.32M15.86 5a.9.9 0 0 1 .39.074l9.389 5.13c.165.09.361.41.361.59v10.35c0 .167-.187.5-.367.6l-9.39 5.182c-.184.1-.6.1-.782-.004l-9.09-5.164c-.185-.104-.371-.445-.371-.613v-10.35c0-.184.2-.514.37-.61l9.083-5.105c.094-.054.251-.08.406-.08zm5.32 8.137c-3.706 0-3.844 5.726 0 5.726c3.762 0 3.758-5.726 0-5.726m-10.59.101c-.863 0-1.727.008-2.59.008v5.492h1.035v-1.617h1.555c2.69 0 2.683-3.883 0-3.883m2.72 0v5.5h1.038v-1.836h.996l1.6 1.836h1.232v-.07l-1.664-1.875c2.003-.407 1.884-3.532-.588-3.547c-.871 0-1.742-.008-2.613-.008zm7.87.84c2.388 0 2.425 3.836 0 3.836s-2.405-3.836 0-3.836m-12.178.045h1.75c1.147 0 1.143 2.104 0 2.104h-1.75zm5.346.088h1.576c1.264 0 1.259 1.758 0 1.758h-1.576z"/></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. ThemecoIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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 Line Awesome (Iconify)

Browse all Line Awesome (Iconify) icons →
500px
500px
accessible-icon
accessible-icon
accusoft
accusoft
acquisitions-incorporated
acquisitions-incorporated
ad
ad
ad-solid
ad-solid
address-book
address-book
address-book-solid
address-book-solid
address-card
address-card
address-card-solid
address-card-solid
adjust
adjust
adjust-solid
adjust-solid