Dj icon
flat-ui:dj
The Dj icon (flat-ui:dj) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 100 grid. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 100 × 100
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#2C3E50" d="M15 13h70c8.284 0 15 6.716 15 15v57c0 8.285-6.716 15-15 15H15c-8.284 0-15-6.715-15-15V28c0-8.284 6.716-15 15-15"/><path fill="#3E5266" d="M15 0h70c8.284 0 15 6.716 15 15v66c0 8.285-6.716 15-15 15H15C6.716 96 0 89.285 0 81V15C0 6.716 6.716 0 15 0"/><path fill="#2C3E50" d="M48.5 15C67.555 15 83 30.446 83 49.5S67.555 84 48.5 84C29.446 84 14 68.555 14 49.5C14 30.446 29.446 15 48.5 15"/><path fill="#BCC4C8" d="M49 15c18.777 0 34 15.223 34 34S67.777 83 49 83S15 67.777 15 49s15.222-34 34-34"/><path fill="#34495E" d="M49 17.756c17.256 0 31.243 13.988 31.243 31.243c0 17.256-13.987 31.245-31.243 31.245c-17.255 0-31.243-13.988-31.243-31.245c0-17.254 13.988-31.243 31.243-31.243"/><path fill="#EBEDEE" d="M49 47a2 2 0 1 1-.001 4.001A2 2 0 0 1 49 47"/><path fill="#495C6E" d="m53.117 44.991l-1.24 1.239A4 4 0 0 1 53 49a4 4 0 0 1-4 4a4 4 0 0 1-2.77-1.123l-1.239 1.239l15.224 25.046a31.33 31.33 0 0 0 18.188-18.584zm-33.53-6.54L44.929 53.07l1.243-1.241a4 4 0 0 1 5.656-5.657l1.242-1.243l-15.257-25.102a31.33 31.33 0 0 0-18.226 18.624"/><path fill="#2C3E50" d="m75.99 51.604l9.465-36.238l-2.91-.729l-8.91 35.642c-.219.155-8.746 8.011-8.746 8.011A3.5 3.5 0 0 0 60 61.5c0 1.934 1.566 3.5 3.5 3.5s3.5-1.566 3.5-3.5a3.4 3.4 0 0 0-.156-.979l8.699-7.944v-.001c.258-.25.42-.592.447-.972"/><path fill="#5FCCFF" d="M49 36c-7.18 0-13 5.82-13 13s5.82 13 13 13s13-5.82 13-13s-5.82-13-13-13m0 17a4 4 0 1 1 0-8a4 4 0 0 1 0 8"/><path fill="#fff" d="M86 73c2.762 0 5 2.238 5 5s-2.238 5-5 5s-5-2.238-5-5s2.238-5 5-5"/><path fill="#E45136" d="M86 75a3.001 3.001 0 0 1 0 6a3.001 3.001 0 0 1 0-6"/><path fill="#fff" d="M85 10a6 6 0 0 0-2.863 11.273l-7.502 30.004c-.219.156-8.746 8.013-8.746 8.013A3.5 3.5 0 0 0 61 62.5c0 1.934 1.566 3.5 3.5 3.5s3.5-1.566 3.5-3.5a3.5 3.5 0 0 0-.156-.979l8.699-7.945v-.001c.258-.249.42-.591.447-.972l7.992-30.604L85 22a6 6 0 0 0 0-12M64.5 64a1.5 1.5 0 1 1 .001-3.001A1.5 1.5 0 0 1 64.5 64"/><path fill="#95A5A6" d="M85 13a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/></svg>How to use the Dj icon
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:dj" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:dj" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:dj" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--dj]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:dj"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:dj"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/dj.svg" alt="Dj icon" width="24" height="24">Dj icon in other icon sets
Dj icon FAQ
Is the Dj icon free for commercial use?
Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Dj icon in React?
Install @iconify/react and render <Icon icon="flat-ui:dj" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dj icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/dj.svg" alt="Dj icon">, or paste the SVG code inline to style it with CSS.