Soundcloud Fill アイコン
akar-icons:soundcloud-fill
Soundcloud Fill アイコン(akar-icons:soundcloud-fill)は、Akar Icons セットの無料 SVG アイコンです（作者: Arturo Wibawa）。 24 × 24 のグリッドで描かれています。 Akar Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Akar Icons
- 作者
- Arturo Wibawa
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- soundcloudfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1.16 16.466c.049 0 .09-.039.098-.093l.27-2.022l-.27-2.069a.103.103 0 0 0-.099-.093c-.05 0-.094.04-.1.093l-.236 2.069l.236 2.021c.006.055.05.094.1.094m-.887-.769c.048 0 .088-.036.095-.09l.209-1.256l-.209-1.28c-.007-.053-.047-.09-.095-.09c-.051 0-.09.037-.098.09L0 14.351l.174 1.256c.008.053.047.09.098.09m1.948-3.8a.12.12 0 0 0-.12-.114a.12.12 0 0 0-.119.114l-.224 2.454l.224 2.364a.12.12 0 0 0 .12.112a.12.12 0 0 0 .12-.113l.254-2.363zm.832 5.026a.143.143 0 0 0 .14-.133l.241-2.439l-.24-2.522a.143.143 0 0 0-.141-.132a.14.14 0 0 0-.14.133l-.213 2.521l.212 2.439a.14.14 0 0 0 .141.133m.958.039a.16.16 0 0 0 .162-.152l.226-2.459l-.226-2.34a.16.16 0 0 0-.162-.151a.16.16 0 0 0-.16.152l-.2 2.34l.2 2.458a.16.16 0 0 0 .16.152m1.36-2.61l-.212-3.805a.184.184 0 0 0-.182-.173a.183.183 0 0 0-.182.173l-.188 3.805l.188 2.458a.183.183 0 0 0 .364 0zm.581 2.635a.2.2 0 0 0 .201-.192v.002l.199-2.444l-.199-4.676a.203.203 0 0 0-.405 0l-.174 4.676l.175 2.443a.2.2 0 0 0 .203.19m.98-7.91a.22.22 0 0 0-.223.212l-.162 5.065l.162 2.418a.22.22 0 0 0 .223.211a.22.22 0 0 0 .223-.211l.185-2.418l-.185-5.065a.22.22 0 0 0-.223-.212m.989 7.911a.24.24 0 0 0 .244-.232v.002l.17-2.404l-.17-5.235a.24.24 0 0 0-.243-.232a.24.24 0 0 0-.243.232l-.153 5.235l.153 2.404c.002.129.11.23.243.23m.997-.002a.26.26 0 0 0 .263-.252v.002l.157-2.381l-.157-5.103a.26.26 0 0 0-.263-.25a.26.26 0 0 0-.264.25l-.138 5.103l.139 2.38c.003.14.119.25.263.25m1.431-2.63l-.142-4.917a.28.28 0 0 0-.284-.27a.28.28 0 0 0-.285.271l-.127 4.916l.127 2.366a.28.28 0 0 0 .285.27a.28.28 0 0 0 .284-.273v.003zm.586 2.64c.165 0 .301-.13.304-.29l.129-2.349l-.129-5.85a.3.3 0 0 0-.304-.291a.303.303 0 0 0-.305.291l-.115 5.848l.115 2.352c.003.158.14.289.305.289m1.009-9.33a.32.32 0 0 0-.327.31l-.133 6.382l.134 2.315a.32.32 0 0 0 .325.308a.32.32 0 0 0 .324-.311v.003l.146-2.315l-.146-6.381a.32.32 0 0 0-.323-.311m.922 9.332l8.182.004C22.678 17 24 15.732 24 14.167c0-1.564-1.322-2.832-2.953-2.832c-.404 0-.79.079-1.142.22C19.673 9.003 17.44 7 14.718 7c-.665 0-1.314.126-1.887.339c-.223.083-.283.168-.285.333v8.989a.35.35 0 0 0 .32.335"/></svg>Soundcloud Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="akar-icons:soundcloud-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="akar-icons:soundcloud-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="akar-icons:soundcloud-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[akar-icons--soundcloud-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/akar-icons -->
<div class="i-akar-icons:soundcloud-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="akar-icons:soundcloud-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/akar-icons/soundcloud-fill.svg" alt="Soundcloud Fill アイコン" width="24" height="24">他のアイコンセットの Soundcloud Fill アイコン
Soundcloud Fill アイコン のよくある質問
Soundcloud Fill アイコンは商用利用でも無料ですか?
はい。Akar Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Soundcloud Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="akar-icons:soundcloud-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Soundcloud Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/akar-icons/soundcloud-fill.svg" alt="Soundcloud Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。