Music Player Daemon icon

selfhst:music-player-daemon

The Music Player Daemon icon (selfhst:music-player-daemon) is a free SVG icon from the selfh.st/icons set by selfh.st. It is drawn on a 512 × 512 grid. selfh.st/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: selfh.st/icons
Author: selfh.st
License: CC-BY-4.0
Size: 512 × 512
Tags: musicplayer, playerdaemon, musicplayerdaemon

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill-opacity=".471" fill-rule="evenodd" d="M264.7 271.1h196.4c1.8 0 3.3 1.4 3.3 3.1v169.5c0 1.7-1.5 3.1-3.3 3.1H264.7c-1.8 0-3.3-1.4-3.3-3.1V274.2c.1-1.7 1.5-3.1 3.3-3.1" clip-rule="evenodd"/><path fill-opacity=".471" fill-rule="evenodd" d="M252 121.5h256.8c1.8 0 3.3 1.4 3.3 3.1v221.7c0 1.7-1.5 3.1-3.3 3.1H252c-1.8 0-3.3-1.4-3.3-3.1V124.6c0-1.7 1.5-3.1 3.3-3.1" clip-rule="evenodd"/><path fill-opacity=".471" fill-rule="evenodd" d="M255.3 336.4h235.4c1.5 0 2.8 1.2 2.8 2.6v32.3c0 1.4-1.2 2.6-2.8 2.6H255.3c-1.5 0-2.8-1.2-2.8-2.6V339c.1-1.4 1.3-2.6 2.8-2.6" clip-rule="evenodd"/><linearGradient id="SVGsVfecdEN" x1="-233.21" x2="-256.499" y1="-1468.787" y2="-1297.239" gradientTransform="matrix(2.3376 0 0 -.2924 939.42 -51.49)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d2d2"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVGsVfecdEN)" fill-opacity=".75" fill-rule="evenodd" d="M251.2 337h225c1 0 1.9.8 1.9 1.8v22c0 1-.8 1.8-1.9 1.8h-225c-1 0-1.9-.8-1.9-1.8v-22c0-1 .9-1.8 1.9-1.8"/><path d="M476.2 364.3h-225c-2 0-3.6-1.6-3.6-3.5v-22c0-1.9 1.6-3.5 3.6-3.5h225c2 0 3.6 1.6 3.6 3.5v22c0 1.9-1.6 3.5-3.6 3.5m-225-25.6c-.1 0-.1.1-.2.1v22l225.1.1l.2-22.1z"/><linearGradient id="SVGQklYunLG" x1="590.333" x2="453.293" y1="-28.788" y2="122.543" gradientTransform="matrix(.9168 0 0 -.7455 -59.407 309.634)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d2d2"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVGQklYunLG)" fill-rule="evenodd" d="M252.6 129.4h227.6c3.8 0 6.8 3.3 6.8 7.4v181.3c0 4.1-3 7.4-6.8 7.4H252.6c-3.8 0-6.8-3.3-6.8-7.4V136.9c0-4.1 3.1-7.5 6.8-7.5"/><path fill-opacity=".471" fill-rule="evenodd" d="M267.2 436.8h180.2c1.5 0 2.8 1.2 2.8 2.6v23.7c0 1.4-1.2 2.6-2.8 2.6H267.2c-1.5 0-2.8-1.2-2.8-2.6v-23.7c0-1.4 1.3-2.6 2.8-2.6" clip-rule="evenodd"/><linearGradient id="SVGWPkHdeSw" x1="561.154" x2="494.086" y1="-35.396" y2="97.606" gradientTransform="matrix(.9017 0 0 -.758 -70.02 319.583)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d2d2"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVGWPkHdeSw)" fill-rule="evenodd" d="M235.3 114h257.6c3.2 0 5.8 2.6 5.8 5.9v213.4c0 3.2-2.6 5.9-5.8 5.9H235.3c-3.2 0-5.8-2.6-5.8-5.9V119.8c0-3.2 2.6-5.8 5.8-5.8"/><path d="M492.9 342.6H235.3c-5.1 0-9.3-4.2-9.3-9.3V119.8c0-5.1 4.2-9.3 9.3-9.3h257.6c5.1 0 9.3 4.2 9.3 9.3v213.5c0 5.1-4.2 9.3-9.3 9.3M235.3 117.4c-1.3 0-2.4 1.1-2.4 2.4v213.5c0 1.3 1.1 2.4 2.4 2.4h257.6c1.3 0 2.4-1.1 2.4-2.4V119.8c0-1.3-1.1-2.4-2.4-2.4z"/><path fill="#00b4ed" fill-rule="evenodd" d="M258.8 139.6h208.5c1.2 0 2.3 1 2.3 2.3v161.9c0 1.2-1 2.3-2.3 2.3H258.8c-1.2 0-2.3-1-2.3-2.3V141.9c.1-1.3 1.1-2.3 2.3-2.3"/><path d="M467.3 307.7H258.8c-2.2 0-3.9-1.8-3.9-3.9V141.9c0-2.2 1.8-3.9 3.9-3.9h208.5c2.2 0 3.9 1.8 3.9 3.9v161.9c0 2.2-1.8 3.9-3.9 3.9M258.8 141.2c-.3 0-.6.3-.6.6v161.9c0 .3.3.6.6.6h208.5c.3 0 .6-.3.6-.6V141.9c0-.3-.3-.6-.6-.6H258.8z"/><linearGradient id="SVGuEaLebmL" x1="545.982" x2="440.349" y1="-165.044" y2="-48.395" gradientTransform="matrix(.9168 0 0 -.7455 -59.407 309.635)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d2d2"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVGuEaLebmL)" fill-rule="evenodd" d="M266.1 277.2h172.3c3.8 0 6.8 3.3 6.8 7.4V421c0 4.1-3 7.4-6.8 7.4H266.1c-3.8 0-6.8-3.3-6.8-7.4V284.7c0-4.1 3-7.5 6.8-7.5"/><path fill="#444040" fill-opacity=".471" fill-rule="evenodd" d="M353 428.8c-2.2 14.7-66.7 26.6-144 26.6S70.8 443.5 73 428.8s66.7-26.6 144-26.6s138.2 11.9 136 26.6"/><path fill="#4e4d4b" fill-rule="evenodd" d="M156.5 270.1c-24.9 59.8-8.3 125.3 37.1 146.4c45.3 21.1 102.2-10.2 127.1-70s8.3-125.3-37.1-146.4s-102.2 10.3-127.1 70"/><path d="M223.5 428c-11 0-21.8-2.4-31.9-7.1c-47.5-22.1-65.2-90.6-39.5-152.6c14.5-35 40.2-61.8 70.3-73.5c21.8-8.5 43.7-8.2 63.2.9c47.5 22.1 65.2 90.6 39.5 152.6c-14.5 35-40.2 61.8-70.3 73.5c-10.5 4.2-21.1 6.2-31.3 6.2m30.2-229.7c-9.1 0-18.5 1.8-27.8 5.5c-27.7 10.8-51.3 35.6-64.9 68.2c-23.8 57.3-8.3 120.3 34.7 140.3c17.1 8 36.4 8.2 55.7.7c27.7-10.8 51.3-35.6 64.9-68.2c23.8-57.3 8.3-120.3-34.7-140.3c-8.9-4.1-18.2-6.2-27.9-6.2" opacity=".957"/><linearGradient id="SVGAjhwCR5l" x1="-1361.573" x2="-1132.241" y1="894.671" y2="652.398" gradientTransform="matrix(-1.4255 -.7933 1.1352 -2.2454 -2481.818 978.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff"/><stop offset="1"/></linearGradient><path fill="url(#SVGAjhwCR5l)" fill-rule="evenodd" d="M36.3 179.4C-14.5 280-4 390.3 59.8 425.8S216.6 408.6 267.4 308s40.3-210.8-23.5-246.4S87.2 78.9 36.3 179.4"/><path d="M103.5 441.2c-16.4 0-31.9-3.9-45.8-11.6C-8 393-19.3 280 32.5 177.6c31.9-63 81.4-110 132.7-125.7c29.5-9 57.4-6.9 80.8 6.1c65.7 36.6 77 149.6 25.2 252c-31.9 63-81.4 110-132.7 125.7c-11.9 3.6-23.7 5.5-35 5.5M40.2 181.4C-9.6 279.7.2 387.7 61.9 422c21.3 11.9 47 13.7 74.2 5.4c49-15 96.7-60.4 127.5-121.4c49.7-98.4 40-206.3-21.7-240.7c-21.3-11.9-47-13.7-74.1-5.4C118.7 75 71 120.4 40.2 181.4" opacity=".957"/><radialGradient id="SVGz4B3UfZe" cx="-1270.496" cy="668.662" r="181.408" gradientTransform="matrix(-1.1491 -.6951 .961 -1.9684 -2168.627 828.23)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff" stop-opacity=".624"/><stop offset="1" stop-color="#5d6567"/></radialGradient><path fill="url(#SVGz4B3UfZe)" fill-rule="evenodd" d="M40.3 178.9C-2.7 267 4.1 363.7 55.5 394.8s128-15.1 171-103.2s36.2-184.8-15.2-215.9s-128 15.1-171 103.2"/><path d="M91 405.2c-13 0-25.1-3.3-35.8-9.8C3.5 364.1-3.4 266.9 39.7 178.6c27.4-56.1 69-97.1 111.4-109.5c22.3-6.6 43.2-4.5 60.6 6c51.6 31.2 58.6 128.5 15.5 216.8c-27.4 56.1-69 97.1-111.4 109.5c-8.5 2.5-16.8 3.8-24.8 3.8m84.8-338.6c-7.8 0-16 1.2-24.4 3.7c-42 12.4-83.3 53.1-110.6 108.9c-42.8 87.7-36.1 184.2 15 215.1c17 10.3 37.6 12.4 59.5 5.9c42-12.4 83.3-53.1 110.6-108.9c42.8-87.7 36.1-184.2-15-215.1c-10.5-6.3-22.4-9.6-35.1-9.6" opacity=".978"/><path fill-rule="evenodd" d="M128.5 210.3c-23.8 42.4-28.8 93.2-11.2 113.4s51.1 2.3 74.9-40.1s28.8-93.2 11.2-113.4s-51.1-2.3-74.9 40.1"/><linearGradient id="SVGOBNoEeKT" x1="-2332.756" x2="-2656.562" y1="1008.793" y2="1195.016" gradientTransform="matrix(-.3677 -.4076 .4971 -.8529 -1287.446 162.288)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d7d5d5"/><stop offset="1" stop-opacity=".404"/></linearGradient><path fill="url(#SVGOBNoEeKT)" fill-rule="evenodd" d="M126.3 209c-22.3 38.2-27 83.9-10.5 102.2s47.8 2.1 70.1-36.1s27-83.9 10.5-102.2s-47.8-2.1-70.1 36.1"/><path fill="#3f3b3b" d="M132.6 320.3c-7 0-13.2-2.7-18-8c-16.9-18.7-12.3-65.4 10.3-104.1c14.9-25.5 34.7-42.5 51.8-44.3c8.2-.8 15.5 1.9 20.9 7.9c16.9 18.7 12.3 65.4-10.3 104.1c-14.9 25.5-34.7 42.5-51.8 44.3c-1 .1-2 .1-2.9.1m-4.9-110.5c-21.9 37.6-26.7 82.6-10.7 100.3c4.8 5.3 10.9 7.6 18.2 6.8c16.1-1.7 35-18 49.4-42.7c21.9-37.6 26.7-82.6 10.7-100.3c-4.8-5.3-10.9-7.6-18.2-6.8c-16.1 1.7-35 18.1-49.4 42.7"/><linearGradient id="SVGtMcWwbkX" x1="-234.951" x2="-253.256" y1="-1743.384" y2="-1608.544" gradientTransform="matrix(2.3025 0 0 -.2968 914.752 -47.938)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d2d2"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVGtMcWwbkX)" fill-opacity=".75" fill-rule="evenodd" d="M263.8 437.2h172.6c1 0 1.9.8 1.9 1.8v16.2c0 1-.8 1.8-1.9 1.8H263.8c-1 0-1.9-.8-1.9-1.8V439c0-1 .9-1.8 1.9-1.8"/><path d="M436.4 458.7H263.8c-2 0-3.6-1.6-3.6-3.5V439c0-1.9 1.6-3.5 3.6-3.5h172.6c2 0 3.6 1.6 3.6 3.5v16.2c0 1.9-1.6 3.5-3.6 3.5m-172.6-19.8c-.1 0-.2.1-.2.1v16.2l172.7.1l.2-16.2z"/><linearGradient id="SVGz9hyVczF" x1="527.71" x2="476.013" y1="-164.778" y2="-62.256" gradientTransform="matrix(.9017 0 0 -.758 -70.02 319.583)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#d2d2d2"/><stop offset="1" stop-color="#fff"/></linearGradient><path fill="url(#SVGz9hyVczF)" fill-rule="evenodd" d="M252.5 265.3h195.9c3.2 0 5.8 2.6 5.8 5.9V433c0 3.2-2.6 5.9-5.8 5.9H252.5c-3.2 0-5.8-2.6-5.8-5.9V271.2c-.1-3.3 2.5-5.9 5.8-5.9"/><path d="M448.3 441.6H252.5c-4.7 0-8.5-3.8-8.5-8.5V271.2c0-4.7 3.8-8.5 8.5-8.5h195.9c4.7 0 8.5 3.8 8.5 8.5V433c-.1 4.7-3.9 8.6-8.6 8.6M252.5 268c-1.7 0-3.2 1.4-3.2 3.2V433c0 1.8 1.4 3.2 3.2 3.2h195.9c1.7 0 3.2-1.4 3.2-3.2V271.2c0-1.8-1.4-3.2-3.2-3.2z"/><path fill="#003d88" fill-rule="evenodd" d="M269.8 286.2h159.6c1.2 0 2.3 1 2.3 2.3v123.8c0 1.2-1 2.3-2.3 2.3H269.8c-1.2 0-2.3-1-2.3-2.3V288.5c0-1.3 1-2.3 2.3-2.3"/><path d="M429.4 415.8H269.8c-1.9 0-3.5-1.6-3.5-3.5V288.5c0-2 1.6-3.5 3.5-3.5h159.6c1.9 0 3.5 1.6 3.5 3.5v123.8c.1 1.9-1.5 3.5-3.5 3.5M269.8 287.5c-.5 0-1 .4-1 1v123.8c0 .5.4 1 1 1h159.6c.5 0 1-.4 1-1V288.5c0-.5-.4-1-1-1z" opacity=".93"/></svg>

How to use the Music Player Daemon icon

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:music-player-daemon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:music-player-daemon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:music-player-daemon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--music-player-daemon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:music-player-daemon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:music-player-daemon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/selfhst/music-player-daemon.svg" alt="Music Player Daemon icon" width="24" height="24">

Related icons in selfh.st/icons

Music Player Daemon icon FAQ

Is the Music Player Daemon icon free for commercial use?

Yes. selfh.st/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 Music Player Daemon icon in React?

Install @iconify/react and render <Icon icon="selfhst:music-player-daemon" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Music Player Daemon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/selfhst/music-player-daemon.svg" alt="Music Player Daemon icon">, or paste the SVG code inline to style it with CSS.

Browse all selfh.st/icons →