Lollypop Music Player アイコン
selfhst:lollypop-music-player
Lollypop Music Player アイコン(selfhst:lollypop-music-player)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- lollypopmusic、musicplayer、lollypopmusicplayer
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><circle cx="256" cy="256" r="255.8" fill="#e73434"/><path d="M511.5 248.5C508.6 387.6 395.1 498.9 256 499C117.7 498.9 4.5 388.9.5 250.7c-.1 1.8-.2 3.5-.3 5.3C.2 397.3 114.7 511.8 256 511.8S511.8 397.3 511.8 256z" opacity=".2"/><path fill="#f6f5f4" d="M511.4 237.9c-.6-8.5-1.6-17-3.1-25.4c-1.3-7.6-3.1-15.1-5.1-22.5c-27.6-9.8-51.6-15.2-76.3-15.7c-12.7-.3-25.5.8-38.9 3.3c-16.4-27.4-41-49.4-70.5-62.3c41.7-27.1 85-31.2 131.5-27.2q-4.5-5.4-9.3-10.5c-5.9-6.1-12.2-11.9-18.7-17.4s-13.3-10.7-20.4-15.5c-7-4.8-14.3-9.3-21.8-13.4s-15.2-7.8-23.1-11.1s-15.9-6.2-24-8.8c-3-.8-6-1.8-9.1-2.5c-28.9 22.8-52.6 49.5-68.5 93.6c-33.3.4-64.1 11.5-89.1 29.9c-2.8-49.7 15.5-89.3 42.3-127.6c-6.6 1.2-13.2 2.8-19.7 4.5q-12.3 3.45-24.3 8.1c-12 4.65-15.8 6.6-23.4 10.4c-7.6 3.9-15 8.1-22.2 12.7s-14.1 9.6-20.8 14.9s-13.1 10.9-19.2 16.9c-.8.8-1.6 1.7-2.3 2.5c5.3 36.4 16.4 70.2 46.8 106.1c-12.5 22.2-19.6 47.8-19.6 75.1c0 5.8.3 11.5 1 17.1c-44.4-22.5-69.7-58.1-89.5-100.4c-1 2.5-1.7 5.2-2.5 7.8c-2.6 8.2-4.7 16.6-6.4 25s-2.9 16.4-3.7 24.9C.5 238.8.1 247.5.1 256c0 6 .2 12.1.6 18.1c.6 8.5 1.6 17 3.1 25.4c1.3 7.5 3 15 5 22.4c34.3 13.6 69 20.9 115.3 12.5c16.4 27.4 41 49.4 70.5 62.3c-41.7 27.1-84.9 31.3-131.5 27.3c3 3.6 6.1 6.9 9.3 10.3c5.9 6.1 12.2 12 18.7 17.5s13.3 10.7 20.4 15.5c7 4.8 14.3 9.3 21.8 13.4s15.2 7.8 23 11.1c7.9 3.3 15.9 6.3 24.1 8.8c3.1.8 6.2 1.7 9.3 2.5c28.9-22.8 52.5-49.4 68.4-93.6c33.3-.4 64.1-11.5 89-29.9c2.7 49.6-15.4 89.3-42.2 127.5c6.6-1.2 13.1-2.8 19.6-4.5q12.3-3.45 24.3-8.1c12-4.65 15.8-6.6 23.4-10.4c7.6-3.9 15-8.1 22.2-12.7s14.1-9.6 20.8-14.9s13.1-11 19.2-16.9c.8-.8 1.6-1.8 2.4-2.6c-5.4-36.4-16.5-70-46.9-106c12.5-22.2 19.6-47.8 19.6-75c0-5.8-.3-11.4-.9-17c44.3 22.5 69.6 58 89.3 100.3c.9-2.5 1.8-5.1 2.7-7.6c2.5-8.2 4.6-16.4 6.3-24.8s3-16.8 3.8-25.3c.9-8.5 1.3-17 1.3-25.6c0-6-.2-12.1-.6-18.1m-189.5 29.2l-89.4 51.3c-1.8.9-4.2 1.5-6.3 1.5h-12.9V192.1h12.9c2.1 0 4.5.3 6.3 1.5l89.4 51.3c3.9 2.1 6 6.6 6 11.1s-2.1 9-6 11.1"/></svg>Lollypop Music Player アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:lollypop-music-player" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:lollypop-music-player" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:lollypop-music-player" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--lollypop-music-player]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:lollypop-music-player"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:lollypop-music-player"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/lollypop-music-player.svg" alt="Lollypop Music Player アイコン" width="24" height="24">Lollypop Music Player アイコン のよくある質問
Lollypop Music Player アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Lollypop Music Player アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:lollypop-music-player" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Lollypop Music Player アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/lollypop-music-player.svg" alt="Lollypop Music Player アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。