Modern Music Dj icon
streamline-ultimate-color:modern-music-dj
The Modern Music Dj icon (streamline-ultimate-color:modern-music-dj) is a free SVG icon from the Ultimate color icons set by Streamline. It is drawn on a 24 × 24 grid. Ultimate color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Ultimate color icons
- Author
- Streamline
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- MusicAudio
- Tags
- modernmusic, musicdj, modernmusicdj
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGXv8lpc2Y)"><path fill="#ffdda1" d="M12 11.522a3.348 3.348 0 1 0 0-6.696a3.348 3.348 0 0 0 0 6.696"/><path fill="#fff9bf" d="M12 7.217a3.34 3.34 0 0 1 3.117 2.153a3.348 3.348 0 1 0-6.236 0a3.34 3.34 0 0 1 3.118-2.153"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M12 11.522a3.348 3.348 0 1 0 0-6.696a3.348 3.348 0 0 0 0 6.696"/><path fill="gray" d="M6.739 10.565a1.913 1.913 0 1 1 0-3.826m10.521 3.826a1.913 1.913 0 1 0 0-3.826"/><path fill="#e3e3e3" d="M19.903 14.009a.96.96 0 0 0-.876-.574H4.973a.96.96 0 0 0-.876.574L1 21.087h22z"/><path fill="gray" d="M7.217 19.174c1.32 0 2.391-.857 2.391-1.913s-1.07-1.913-2.391-1.913s-2.391.856-2.391 1.913s1.07 1.913 2.391 1.913m9.565 0c1.32 0 2.391-.857 2.391-1.913s-1.07-1.913-2.391-1.913s-2.391.856-2.391 1.913s1.07 1.913 2.39 1.913"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M11.521 17.26h.957m-1.913 1.914h2.87"/><path fill="gray" d="M1 21.087h22v.956a.957.957 0 0 1-.957.957H1.957A.957.957 0 0 1 1 22.043z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M17.261 10.565V6.261a5.26 5.26 0 0 0-10.522 0v4.304"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M6.739 10.565a1.913 1.913 0 1 1 0-3.826m10.521 3.826a1.913 1.913 0 1 0 0-3.826m2.643 7.27a.96.96 0 0 0-.876-.574H4.973a.96.96 0 0 0-.876.574L1 21.087h22z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M7.217 19.174c1.32 0 2.391-.857 2.391-1.913s-1.07-1.913-2.391-1.913s-2.391.856-2.391 1.913s1.07 1.913 2.391 1.913m9.565 0c1.32 0 2.391-.857 2.391-1.913s-1.07-1.913-2.391-1.913s-2.391.856-2.391 1.913s1.07 1.913 2.39 1.913M1 21.087h22v.956a.957.957 0 0 1-.957.957H1.957A.957.957 0 0 1 1 22.043z"/><path stroke="#191919" d="M7.217 17.5a.24.24 0 0 1 0-.478m0 .478a.24.24 0 0 0 0-.478m9.565.478a.24.24 0 0 1 0-.478m0 .478a.24.24 0 0 0 0-.478"/></g><defs><clipPath id="SVGXv8lpc2Y"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>How to use the Modern Music Dj icon
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:modern-music-dj" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:modern-music-dj" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:modern-music-dj" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--modern-music-dj]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:modern-music-dj"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:modern-music-dj"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/modern-music-dj.svg" alt="Modern Music Dj icon" width="24" height="24">Related icons in Ultimate color icons
Modern Music Dj icon in other icon sets
Modern Music Dj icon FAQ
Is the Modern Music Dj icon free for commercial use?
Yes. Ultimate color icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Modern Music Dj icon in React?
Install @iconify/react and render <Icon icon="streamline-ultimate-color:modern-music-dj" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Modern Music Dj icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/modern-music-dj.svg" alt="Modern Music Dj icon">, or paste the SVG code inline to style it with CSS.