Spotify Light アイコン
skill-icons:spotify-light
Spotify Light アイコン(skill-icons:spotify-light)は、Skill Icons セットの無料 SVG アイコンです（作者: tandpfun）。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Skill Icons
- 作者
- tandpfun
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- spotifylight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#1ed760" d="M128 33c-52.442 0-95 42.558-95 95s42.558 95 95 95s95-42.558 95-95s-42.558-95-95-95"/><path fill="#000" d="M188.754 118.462c-1.992 0-3.218-.498-4.942-1.494c-27.274-16.281-76.038-20.188-107.602-11.377c-1.38.383-3.103.996-4.942.996c-5.056 0-8.925-3.946-8.925-9.04c0-5.21 3.217-8.16 6.665-9.156c13.484-3.946 28.577-5.823 45.01-5.823c27.964 0 57.268 5.823 78.681 18.311c2.988 1.724 4.942 4.099 4.942 8.657c0 5.21-4.214 8.926-8.887 8.926m-11.875 29.189c-1.992 0-3.333-.881-4.712-1.609c-23.941-14.173-59.643-19.881-91.399-11.262c-1.839.498-2.835.996-4.558.996c-4.1 0-7.432-3.333-7.432-7.431c0-4.099 1.992-6.819 5.938-7.93c10.649-2.988 21.528-5.21 37.463-5.21c24.861 0 48.879 6.168 67.803 17.43c3.103 1.839 4.328 4.214 4.328 7.546c-.038 4.137-3.256 7.47-7.431 7.47m-10.305 25.129c-1.608 0-2.604-.498-4.098-1.379c-23.904-14.403-51.714-15.016-79.18-9.385c-1.494.383-3.447.996-4.558.996c-3.716 0-6.053-2.95-6.053-6.053c0-3.945 2.337-5.822 5.21-6.435c31.373-6.933 63.436-6.321 90.786 10.036c2.337 1.494 3.716 2.835 3.716 6.321s-2.72 5.899-5.823 5.899"/></g></svg>Spotify Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:spotify-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:spotify-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:spotify-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--spotify-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:spotify-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:spotify-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/skill-icons/spotify-light.svg" alt="Spotify Light アイコン" width="24" height="24">Skill Icons の関連アイコン
他のアイコンセットの Spotify Light アイコン
Spotify Light アイコン のよくある質問
Spotify Light アイコンは商用利用でも無料ですか?
はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Spotify Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="skill-icons:spotify-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Spotify Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/spotify-light.svg" alt="Spotify Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。