Home/Libraries/Unicons Monochrome (Iconify)/java-script

Unicons Monochrome (Iconify)

JavaScript

License: Apache-2.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 24 24"><path fill="#818cf8" d="M11.181 2.213a1.68 1.68 0 0 1 1.637 0l7.479 4.225a1.54 1.54 0 0 1 .778 1.325v8.475a1.56 1.56 0 0 1-.836 1.354l-7.452 4.204a1.63 1.63 0 0 1-1.655-.046l-2.236-1.292a1.3 1.3 0 0 1-.432-.311c.095-.128.265-.144.403-.2a5 5 0 0 0 .883-.412a.21.21 0 0 1 .23.014c.636.365 1.267.741 1.907 1.103c.136.079.274-.026.39-.09q3.658-2.068 7.317-4.13a.24.24 0 0 0 .133-.238q.003-4.193.001-8.387a.26.26 0 0 0-.156-.261q-3.714-2.092-7.426-4.186a.26.26 0 0 0-.292 0Q8.141 5.452 4.43 7.547a.26.26 0 0 0-.157.26v8.387a.24.24 0 0 0 .135.235q.99.562 1.983 1.12a1.53 1.53 0 0 0 1.24.166a.94.94 0 0 0 .609-.883c.003-2.78-.002-5.56.002-8.338a.21.21 0 0 1 .228-.214q.476-.005.953.001a.22.22 0 0 1 .207.254c-.001 2.797.003 5.594-.002 8.39a2.13 2.13 0 0 1-.995 1.922a3.06 3.06 0 0 1-2.738-.075c-.727-.363-1.42-.79-2.133-1.18a1.55 1.55 0 0 1-.835-1.354V7.763a1.54 1.54 0 0 1 .804-1.342q3.726-2.103 7.451-4.208Z"/><path fill="#818cf8" d="M13.348 8.083a5.9 5.9 0 0 1 3.218.493a2.43 2.43 0 0 1 1.187 2.106a.23.23 0 0 1-.247.168c-.315 0-.629.004-.943-.002a.243.243 0 0 1-.228-.236a1.44 1.44 0 0 0-.687-.992a4.1 4.1 0 0 0-1.884-.27a2.56 2.56 0 0 0-1.349.336a.855.855 0 0 0-.284.955c.101.24.378.317.605.388c1.306.342 2.69.308 3.97.757a1.87 1.87 0 0 1 1.23 1.095a2.34 2.34 0 0 1-.396 2.23a3.13 3.13 0 0 1-1.678.905a8 8 0 0 1-2.533.108a4 4 0 0 1-2.228-.839a2.34 2.34 0 0 1-.753-1.844a.21.21 0 0 1 .231-.186q.475-.005.95 0a.22.22 0 0 1 .226.22a1.44 1.44 0 0 0 .536 1.01a4.06 4.06 0 0 0 2.187.398a2.97 2.97 0 0 0 1.794-.439a.99.99 0 0 0 .27-.946c-.078-.28-.37-.41-.621-.495c-1.29-.408-2.688-.26-3.965-.72a1.93 1.93 0 0 1-1.218-1.063a2.17 2.17 0 0 1 .434-2.262a3.5 3.5 0 0 1 2.176-.875"/></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. JavaScriptIcon.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.