Home/Libraries/Fluent Emoji Flat (Iconify)/khanda

Fluent Emoji Flat (Iconify)

Khanda

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 32 32"><g fill="none"><path fill="#818cf8" d="M30 26a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h20a4 4 0 0 1 4 4z"/><path fill="#818cf8" fill-rule="evenodd" d="M16 4.5C16.5 6 18.5 7 18.5 7a5 5 0 0 0-.23.445a6.002 6.002 0 0 1 .036 11.096L18.5 19l-1.75 1.4v1.513c2.899-1.058 5.472-3.58 6.25-5.913c1.375-4.125-.491-5.991-1.493-6.993L21.5 9c1.5 1 3.5 2.5 3.5 5.5c0 3.623-1.62 5.625-2.774 7.05c-.279.346-.531.657-.726.95c-.392.588-.5 1.5-.5 1.5l-2.5-2l-1.503.751a3.54 3.54 0 0 1 1.906 1.264a.75.75 0 1 1-.746.276a2.8 2.8 0 0 0-1.407-.828V25.2c.304.182.5.473.5.8c0 .552-.56 1-1.25 1s-1.25-.448-1.25-1c0-.327.196-.618.5-.8v-1.737a2.8 2.8 0 0 0-1.407.828a.75.75 0 1 1-.746-.276a3.54 3.54 0 0 1 1.906-1.264L13.5 22L11 24s-.108-.912-.5-1.5a14 14 0 0 0-.726-.95C8.62 20.126 7 18.124 7 14.5c0-3 2-4.5 3.5-5.5l-.007.007C9.49 10.01 7.625 11.875 9 16c.778 2.333 3.351 4.855 6.25 5.913V20.4L13.5 19q.126-.189.258-.433a6.002 6.002 0 0 1 .002-11.135A3 3 0 0 0 13.5 7s2-1 2.5-2.5m-1.843 3.85a5.002 5.002 0 0 0 .015 9.305c.45-1.158.828-2.77.828-4.655c0-1.803-.415-3.495-.843-4.65m3.786 9.259a5.001 5.001 0 0 0-.047-9.237C17.45 9.618 17 11.392 17 13c0 1.665.481 3.346.943 4.608" clip-rule="evenodd"/></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. KhandaIcon.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.