Home/Libraries/OpenMoji (Iconify)/dj

OpenMoji (Iconify)

Dj

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><rect width="40" height="6.677" x="16" y="49.322" fill="#9b9b9a" rx="3.339" ry="3.339"/><path fill="#d0cfce" d="M56 52.661V56H39.924v-6.677H56z"/><g fill="#fcea2b"><circle cx="35.998" cy="19.886" r="3.5"/><path d="M53.65 15.03a1.304 1.304 0 0 0-1.683.89l-2.318 7.638a2.7 2.7 0 0 1-1.607 1.322l-3.747.919q-1.936.488-3.917.732l-8.694.644a5.88 5.88 0 0 0-3.721 1.154l-.62.461l-.15.127a10.2 10.2 0 0 0-2.41 3.477l-.686 2.05c-.218.617-.551 1.55-.872 2.334a4.67 4.67 0 0 0 .05 3.823l3.803 5.048c.244.537.779.882 1.368.882c.206 0 .043.042.244-.047a1.344 1.344 0 0 0 .749-1.842l-3.11-5.556a1.7 1.7 0 0 1 .018-1.399q.723-1.447 1.607-2.802l1.051 8.052a.974.974 0 0 0 .965.848l10.979.013c.565 0 1.024-.458 1.025-1.023v-6.947a10.6 10.6 0 0 1 .936-4.681l6.314-3.071a6.16 6.16 0 0 0 3.274-3.577l2.02-7.644a1.5 1.5 0 0 0-.868-1.824"/></g><circle cx="36.002" cy="19.886" r="3.5" fill="none" stroke="#818cf8" stroke-miterlimit="10" stroke-width="1.5"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m41.971 30.792l-.5 1.5a13.4 13.4 0 0 0-.5 3.5v7m-11 0l-1-8"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m27.657 45.649l-4.509-5.66a3.35 3.35 0 0 1-.109-2.708a60 60 0 0 0 .892-2.377l.765-2.22a10.3 10.3 0 0 1 2.067-3.306l.172-.171a6.3 6.3 0 0 1 3.408-1.568l9.018-.694a29 29 0 0 0 3.928-.638l4.12-1.03a4.14 4.14 0 0 0 2.596-2.373l2.469-7.111"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M30.746 20.455v-3.236a5.26 5.26 0 0 1 5.262-5.262h0a5.26 5.26 0 0 1 5.261 5.262v3.236"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.534 46.483H34.3m3.393 0h12.765m5.54 6.178v-3.338h-40V56h40z"/><circle cx="46.657" cy="52.661" r="1"/><circle cx="49.645" cy="52.661" r="1"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M30.526 20.61a1.634 1.634 0 1 1 0-3.269m10.731 0a1.634 1.634 0 1 1 0 3.269"/></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. DjIcon.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-SA-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.