ICONYZ
日本語
Ant Design Icons の Spotify Filled アイコン

Spotify Filled アイコン

ant-design:spotify-filled

Spotify Filled アイコン(ant-design:spotify-filled)は、Ant Design Icons セットの無料 SVG アイコンです(作者: HeskeyBaozi)。 1024 × 1024 のグリッドで描かれています。 Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Ant Design Icons
作者
HeskeyBaozi
ライセンス
MIT
サイズ
1024 × 1024
タグ
spotifyfilled
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M721.417 695.167q0-18.667-17.5-29.75q-112.584-67.084-260.75-67.084q-77.584 0-167.417 19.834q-24.5 5.25-24.5 30.333q0 11.667 7.875 20.125t20.708 8.458q2.918 0 21.584-4.666q77-15.75 141.75-15.75q131.833 0 231.583 60.083q11.084 6.417 19.25 6.417q11.084 0 19.25-7.875t8.167-20.125m56-125.417q0-23.334-20.417-35.583q-138.25-82.25-319.667-82.25q-89.25 0-176.75 24.5q-28 7.583-28 37.333q0 14.583 10.209 24.792q10.209 10.208 24.791 10.208q4.084 0 21.584-4.667q71.167-19.25 146.416-19.25q162.75 0 284.667 72.334q14 7.583 22.167 7.583q14.583 0 24.791-10.208t10.209-24.792m63-144.667q0-27.416-23.334-40.833q-73.5-42.584-170.916-64.458q-97.418-21.875-200.084-21.875q-118.999 0-212.333 27.416q-13.416 4.084-22.458 14.875T202.25 368.5q0 18.084 11.958 30.333q11.959 12.25 30.042 12.25q6.417 0 23.333-4.666q77.584-21.584 179.084-21.584q92.75 0 180.541 19.834Q715 424.5 775.083 460.083q12.25 7 23.334 7q16.916 0 29.458-11.958t12.542-30.042M960 512q0 121.917-60.083 224.875q-60.084 102.958-163.042 163.042Q633.917 960 512 960t-224.875-60.083t-163.042-163.042Q64 633.917 64 512t60.083-224.875q60.084-102.958 163.042-163.042Q390.083 64 512 64t224.875 60.083q102.958 60.084 163.042 163.042Q960 390.083 960 512"/></svg>

Spotify Filled アイコンの使い方

React

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

<Icon icon="ant-design:spotify-filled" width="24" />

Vue

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

<template>
  <Icon icon="ant-design:spotify-filled" width="24" />
</template>

Svelte

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

<Icon icon="ant-design:spotify-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--spotify-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:spotify-filled"></div>

Web コンポーネント

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

<iconify-icon icon="ant-design:spotify-filled"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/ant-design/spotify-filled.svg" alt="Spotify Filled アイコン" width="24" height="24">

Ant Design Icons の関連アイコン

他のアイコンセットの Spotify Filled アイコン

Spotify Filled アイコン のよくある質問

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

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

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

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

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

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

Ant Design Icons をすべて見る →