Deezer アイコン

Q: Deezer アイコンは商用利用でも無料ですか?

はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

simple-icons:deezer

Deezer アイコン(simple-icons:deezer)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Simple Icons
作者: Simple Icons Collaborators
ライセンス: CC0-1.0
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M.693 10.024c.381 0 .693-1.256.693-2.807S1.074 4.41.693 4.41S0 5.666 0 7.217s.312 2.808.693 2.808ZM21.038 1.56c-.364 0-.684.805-.91 2.096C19.765 1.446 19.184 0 18.526 0c-.78 0-1.464 2.036-1.784 5c-.312-2.158-.788-3.536-1.325-3.536c-.745 0-1.386 2.704-1.62 6.472c-.442-1.932-1.083-3.145-1.793-3.145s-1.35 1.213-1.793 3.145c-.242-3.76-.874-6.463-1.628-6.463c-.537 0-1.013 1.378-1.325 3.535C6.938 2.036 6.262 0 5.474 0c-.658 0-1.247 1.447-1.602 3.665c-.217-1.291-.546-2.105-.91-2.105c-.675 0-1.221 2.807-1.221 6.272s.546 6.273 1.221 6.273c.277 0 .537-.476.736-1.273c.32 2.928.996 4.938 1.776 4.938c.606 0 1.143-1.204 1.507-3.11c.251 3.622.875 6.195 1.602 6.195c.46 0 .875-1.023 1.187-2.677C10.142 21.6 11 24 12.004 24s1.863-2.4 2.235-5.822c.312 1.654.727 2.677 1.186 2.677c.728 0 1.352-2.573 1.603-6.195c.364 1.906.9 3.11 1.507 3.11c.78 0 1.455-2.01 1.775-4.938c.208.797.46 1.273.737 1.273c.675 0 1.22-2.807 1.22-6.273c-.008-3.457-.553-6.272-1.23-6.272Zm2.269 8.464c.381 0 .693-1.256.693-2.807s-.312-2.807-.693-2.807s-.693 1.256-.693 2.807s.312 2.808.693 2.808Z"/></svg>

Deezer アイコンの使い方

React

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

<Icon icon="simple-icons:deezer" width="24" />

Vue

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

<template>
  <Icon icon="simple-icons:deezer" width="24" />
</template>

Svelte

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

<Icon icon="simple-icons:deezer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--deezer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:deezer"></div>

Web コンポーネント

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

<iconify-icon icon="simple-icons:deezer"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/simple-icons/deezer.svg" alt="Deezer アイコン" width="24" height="24">

他のアイコンセットの Deezer アイコン

Deezer アイコンのよくある質問

Deezer アイコンは商用利用でも無料ですか?

はい。Simple Icons は CC0 1.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Deezer アイコンを使うには?

@iconify/react をインストールして <Icon icon="simple-icons:deezer" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Deezer アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/deezer.svg" alt="Deezer アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Simple Icons をすべて見る →