deezer logo

deezer from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: deezer
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 576×512
License: CC BY 4.0

The same logo in other sets

deezerBoxicons Brands deezerCoreUI Brands deezerFont Awesome Brands deezerJam Icons deezerSimple Icons

Use the deezer logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M451.46 244.71H576V172H451.46Zm0-173.89v72.67H576V70.82Zm0 275.06H576V273.2H451.46ZM0 447.09h124.54v-72.67H0Zm150.47 0H275v-72.67H150.47Zm150.52 0h124.54v-72.67H301Zm150.47 0H576v-72.67H451.46ZM301 345.88h124.53V273.2H301Zm-150.52 0H275V273.2H150.47Zm0-101.17H275V172H150.47Z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsDeezer(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M451.46 244.71H576V172H451.46Zm0-173.89v72.67H576V70.82Zm0 275.06H576V273.2H451.46ZM0 447.09h124.54v-72.67H0Zm150.47 0H275v-72.67H150.47Zm150.52 0h124.54v-72.67H301Zm150.47 0H576v-72.67H451.46ZM301 345.88h124.53V273.2H301Zm-150.52 0H275V273.2H150.47Zm0-101.17H275V172H150.47Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M451.46 244.71H576V172H451.46Zm0-173.89v72.67H576V70.82Zm0 275.06H576V273.2H451.46ZM0 447.09h124.54v-72.67H0Zm150.47 0H275v-72.67H150.47Zm150.52 0h124.54v-72.67H301Zm150.47 0H576v-72.67H451.46ZM301 345.88h124.53V273.2H301Zm-150.52 0H275V273.2H150.47Zm0-101.17H275V172H150.47Z"/></svg>
</template>

CSS

.icon-deezer {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M451.46%20244.71H576V172H451.46Zm0-173.89v72.67H576V70.82Zm0%20275.06H576V273.2H451.46ZM0%20447.09h124.54v-72.67H0Zm150.47%200H275v-72.67H150.47Zm150.52%200h124.54v-72.67H301Zm150.47%200H576v-72.67H451.46ZM301%20345.88h124.53V273.2H301Zm-150.52%200H275V273.2H150.47Zm0-101.17H275V172H150.47Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M451.46%20244.71H576V172H451.46Zm0-173.89v72.67H576V70.82Zm0%20275.06H576V273.2H451.46ZM0%20447.09h124.54v-72.67H0Zm150.47%200H275v-72.67H150.47Zm150.52%200h124.54v-72.67H301Zm150.47%200H576v-72.67H451.46ZM301%20345.88h124.53V273.2H301Zm-150.52%200H275V273.2H150.47Zm0-101.17H275V172H150.47Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-brands/deezer.svg?color=%231a73e8&size=48