Home/Libraries/Glyphs (Iconify)/king-outline

Glyphs (Iconify)

KingOutline

License: MITCommercial 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 80 80"><g fill="none"><path fill="#818cf8" fill-opacity=".25" fill-rule="evenodd" d="M45.914 13.09a8.3 8.3 0 0 1 1.918 2.973q.566-.06 1.14-.06h.076A10.96 10.96 0 0 1 60.01 26.967v1.204a11 11 0 0 1-3.756 8.278l-2.846 2.49c.38.7.592 1.5.592 2.338a4.87 4.87 0 0 1-1.34 3.372a15.96 15.96 0 0 1 1.784 11.027l-.416 2.085a14.3 14.3 0 0 1-2.297 5.386l.682.7a2 2 0 1 1-2.868 2.79l-.544-.56a14.3 14.3 0 0 1-15.898 1.415a14.3 14.3 0 0 1-2.128-1.434l-.562.579a2 2 0 0 1-2.868-2.79l.707-.726a14.3 14.3 0 0 1-2.28-5.36l-.416-2.085a15.96 15.96 0 0 1 1.784-11.027A4.87 4.87 0 0 1 26 41.276c0-.84.214-1.642.595-2.344l-2.839-2.484A11 11 0 0 1 20 28.17v-1.204a10.96 10.96 0 0 1 10.962-10.962h.076q.57 0 1.13.058a8.364 8.364 0 0 1 13.745-2.972m-9 2.828a4.364 4.364 0 0 1 7.065 1.29a10.96 10.96 0 0 0-3.974 3.453a10.95 10.95 0 0 0-3.982-3.458c.21-.465.508-.901.891-1.285m-7.05 20.559l2.46-.615A31.6 31.6 0 0 1 38 34.98v-8.014q0-.624-.11-1.23l-.002-.012a6.96 6.96 0 0 0-4.81-5.414l-.023-.007a7 7 0 0 0-2.017-.3h-.076A6.96 6.96 0 0 0 24 26.967v1.204a7 7 0 0 0 2.39 5.268zM42.01 34.98c1.905.122 3.802.415 5.666.882l2.469.616l3.474-3.04a7 7 0 0 0 2.391-5.268v-1.204a6.96 6.96 0 0 0-6.962-6.962h-.076c-.692 0-1.375.103-2.025.301l-.023.007a6.96 6.96 0 0 0-4.802 5.411l-.001.007q-.111.609-.111 1.236zm-11.332 5.416a.91.91 0 0 0 .453 1.764l2.661-.666a25.6 25.6 0 0 1 12.416 0l2.661.666l.061.013a.91.91 0 0 0 .38-1.78l-2.604-.651a27.6 27.6 0 0 0-6.697-.825h-.001m-.008 0a27.7 27.7 0 0 0-6.706.825l-2.604.651l-.012.003m.402 5.79a11.96 11.96 0 0 0-1.601 8.705l.416 2.086a10.3 10.3 0 0 0 1.35 3.415a15.04 15.04 0 0 1 17.498.02a10.3 10.3 0 0 0 1.362-3.435l.417-2.086a11.96 11.96 0 0 0-1.602-8.705a5 5 0 0 1-1.021-.146l-2.661-.665a21.6 21.6 0 0 0-10.475 0l-2.661.665a5 5 0 0 1-1.022.146m3.952 17.8a10 10 0 0 1-1.019-.64a11.04 11.04 0 0 1 11.954.014q-.479.34-.998.627a10.3 10.3 0 0 1-9.937 0" clip-rule="evenodd"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M40.008 38.917a27.7 27.7 0 0 1 6.697.825l2.604.651a.91.91 0 0 1-.44 1.767l-2.662-.666a25.6 25.6 0 0 0-12.416 0l-2.66.666l-.019.004a.91.91 0 0 1-.435-1.768l.012-.003l2.604-.651A27.7 27.7 0 0 1 40 38.917m3.086-22.999a4.364 4.364 0 0 0-7.063 1.285a10.96 10.96 0 0 1 3.982 3.458a10.95 10.95 0 0 1 3.974-3.454a4.4 4.4 0 0 0-.893-1.289m4.746.145a8.364 8.364 0 0 0-15.663-.001a11 11 0 0 0-1.131-.058h-.076A10.96 10.96 0 0 0 20 26.966v1.204a11 11 0 0 0 3.756 8.278l2.84 2.484A4.9 4.9 0 0 0 26 41.276a4.87 4.87 0 0 0 1.34 3.372a15.96 15.96 0 0 0-1.784 11.027l.417 2.085a14.3 14.3 0 0 0 2.28 5.36l-.708.727a2 2 0 1 0 2.868 2.789l.562-.579a14.304 14.304 0 0 0 18.026.02l.544.559a2 2 0 0 0 2.868-2.79l-.682-.7a14.3 14.3 0 0 0 2.297-5.386l.416-2.085a15.96 15.96 0 0 0-1.784-11.027A4.87 4.87 0 0 0 54 41.276c0-.839-.212-1.637-.592-2.338l2.846-2.49a11 11 0 0 0 3.756-8.278v-1.204a10.96 10.96 0 0 0-10.962-10.962h-.076q-.574 0-1.14.06M32.324 35.862l-2.46.615l-3.474-3.039A7 7 0 0 1 24 28.17v-1.204a6.96 6.96 0 0 1 6.962-6.962h.076c.69 0 1.369.102 2.017.299l.023.007a6.96 6.96 0 0 1 4.81 5.414l.002.011q.11.607.11 1.231v8.014c-1.908.12-3.808.414-5.676.882m15.352 0a31.7 31.7 0 0 0-5.666-.882v-8.014q.001-.626.11-1.236l.002-.007a6.96 6.96 0 0 1 4.802-5.41l.023-.008a7 7 0 0 1 2.025-.301h.076a6.96 6.96 0 0 1 6.962 6.962v1.204a7 7 0 0 1-2.39 5.268l-3.475 3.04zM31.08 46.186a11.96 11.96 0 0 0-1.601 8.705l.416 2.086a10.3 10.3 0 0 0 1.35 3.415a15.04 15.04 0 0 1 17.498.02a10.3 10.3 0 0 0 1.362-3.435l.417-2.086a11.96 11.96 0 0 0-1.602-8.705a5 5 0 0 1-1.021-.146l-2.661-.665a21.6 21.6 0 0 0-10.475 0l-2.661.665a5 5 0 0 1-1.022.146m2.933 17.16q.488.349 1.019.64a10.3 10.3 0 0 0 10.935-.626a11.04 11.04 0 0 0-11.954-.014"/></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. KingOutlineIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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 Glyphs (Iconify)

Browse all Glyphs (Iconify) icons →