Soundcloud アイコン
la:soundcloud
Soundcloud アイコン(la:soundcloud)は、Line Awesome セットの無料 SVG アイコンです（作者: Icons8）。 32 × 32 のグリッドで描かれています。 Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Line Awesome
- 作者
- Icons8
- ライセンス
- Apache-2.0
- サイズ
- 32 × 32
- カテゴリ
- 音楽
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M19.625 9.05c-.887 0-1.754.177-2.516.473c-.297.114-.379.23-.379.461v12.493c0 .242.188.43.422.453h10.91A3.92 3.92 0 0 0 32 19.012a3.94 3.94 0 0 0-3.938-3.938c-.539 0-1.05.11-1.519.309a6.95 6.95 0 0 0-6.918-6.332zm-3.7.923a.43.43 0 0 0-.273.101a.43.43 0 0 0-.16.332v.043l-.18 8.824l.09 1.63l.09 1.59a.436.436 0 0 0 .434.429a.44.44 0 0 0 .433-.434l.192-3.215l-.192-8.867a.45.45 0 0 0-.214-.37a.43.43 0 0 0-.22-.063m-1.343.765a.4.4 0 0 0-.219.067a.4.4 0 0 0-.187.34v.074l-.153 8.05l.153 3.27v.012a.413.413 0 0 0 .406.39c.11 0 .211-.046.285-.12a.43.43 0 0 0 .121-.286l.016-.324l.156-2.941l-.172-8.13a.42.42 0 0 0-.406-.402m-4.02.934c-.175 0-.32.14-.324.32l-.203 7.278l.203 3.34c.004.18.149.32.325.32c.175 0 .316-.14.324-.32l.226-3.34l-.226-7.278a.33.33 0 0 0-.325-.32m1.329.16a.35.35 0 0 0-.352.348l-.187 7.09l.187 3.308c.004.195.16.348.352.348a.354.354 0 0 0 .351-.348l.207-3.308l-.207-7.09a.35.35 0 0 0-.351-.348m-2.649.105c-.16 0-.289.13-.297.293l-.218 7.04l.218 3.363a.3.3 0 0 0 .297.293c.16 0 .29-.13.297-.297l.246-3.36l-.246-7.039a.3.3 0 0 0-.297-.293m3.988.126a.38.38 0 0 0-.378.374l-.168 6.833l.168 3.289a.378.378 0 0 0 .757-.004l.192-3.285l-.192-6.832a.38.38 0 0 0-.379-.376zm-5.316.46a.27.27 0 0 0-.27.266l-.234 6.496l.235 3.399a.27.27 0 0 0 .27.265a.274.274 0 0 0 .269-.265l.265-3.395l-.265-6.5a.274.274 0 0 0-.27-.266m-1.277 1.22a.245.245 0 0 0-.242.237l-.25 5.29l.25 3.414c.007.132.113.242.242.242s.234-.11.242-.242l.281-3.414l-.281-5.29a.25.25 0 0 0-.242-.238zM4.07 15.577c-.097 0-.18.078-.187.188l-.281 3.5l.28 3.39c.009.106.09.184.188.184s.18-.078.188-.184l.32-3.39l-.32-3.504a.19.19 0 0 0-.188-.184m-1.265.121c-.086 0-.153.067-.16.156l-.301 3.41l.3 3.286c.008.09.075.156.16.156c.083 0 .15-.066.16-.156l.337-3.285l-.336-3.41c-.012-.09-.078-.157-.16-.157m2.543.106a.22.22 0 0 0-.215.21l-.266 3.25l.266 3.419c.008.12.101.21.215.21s.207-.09.215-.21l.3-3.418l-.3-3.25a.22.22 0 0 0-.215-.211m-3.801.457c-.07 0-.125.054-.137.129l-.312 2.875l.312 2.808c.012.078.067.133.137.133c.066 0 .121-.055.133-.129l.355-2.812l-.355-2.875c-.012-.075-.067-.13-.133-.13zM.363 17.363c-.066 0-.12.051-.129.125L0 19.266l.234 1.746c.008.074.063.125.13.125c.062 0 .116-.051.124-.121l.278-1.75l-.278-1.778c-.008-.074-.062-.125-.125-.125"/></svg>
Soundcloud アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="la:soundcloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="la:soundcloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="la:soundcloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[la--soundcloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/la -->
<div class="i-la:soundcloud"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="la:soundcloud"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/la/soundcloud.svg" alt="Soundcloud アイコン" width="24" height="24">
他のアイコンセットの Soundcloud アイコン
Soundcloud アイコン のよくある質問
Soundcloud アイコンは商用利用でも無料ですか?
はい。Line Awesome icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Soundcloud アイコンを使うには?
@iconify/react をインストールして <Icon icon="la:soundcloud" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Soundcloud アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/la/soundcloud.svg" alt="Soundcloud アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Line Awesome アイコン をすべて見る →
ICONYZ
