Soundcloud アイコン

Q: Soundcloud アイコンは商用利用でも無料ですか?

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

fontisto:soundcloud

Soundcloud アイコン(fontisto:soundcloud)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 31 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 31 × 24
カテゴリ: ブランド

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="31" height="24" viewBox="0 0 31 24"><path fill="currentColor" d="m11.408 18.708l.209-3.138l-.209-6.81a.37.37 0 0 0-.097-.221a.28.28 0 0 0-.207-.091h-.01a.28.28 0 0 0-.209.091a.3.3 0 0 0-.085.21v.011v-.001l-.182 6.81l.182 3.138a.34.34 0 0 0 .097.215c.05.053.122.086.201.086h.001a.286.286 0 0 0 .315-.285l-.001-.018v.001zm3.855-.378l.143-2.747l-.156-7.63v-.016a.34.34 0 0 0-.168-.295l-.002-.001a.36.36 0 0 0-.417.001l.001-.001a.35.35 0 0 0-.17.296v.017v-.001l-.013.078l-.131 7.54l.143 3.073v.021c0 .081.03.156.078.213a.37.37 0 0 0 .292.143h.009a.36.36 0 0 0 .26-.12a.3.3 0 0 0 .12-.246v-.016v.001zM1.656 13.903l.264 1.667l-.264 1.64q-.026.12-.12.12t-.12-.12L1.2 15.57l.221-1.667q.026-.12.12-.12t.115.12m1.12-1.028l.338 2.695l-.338 2.64a.127.127 0 0 1-.127.12h-.004q-.12 0-.12-.13l-.3-2.63l.3-2.695a.103.103 0 0 1 .101-.121l.019.002h-.001h.004c.068 0 .123.053.127.12zm1.197-.496l.325 3.19l-.325 3.086l.001.017c0 .07-.057.127-.127.127l-.017-.001h.001h-.007a.15.15 0 0 1-.149-.143l-.274-3.086l.274-3.19q.026-.156.156-.156t.143.157zm1.224-.091l.3 3.281l-.3 3.178a.174.174 0 0 1-.174.169h-.009l-.021.001a.15.15 0 0 1-.15-.15l.002-.021v.001l-.274-3.178l.274-3.281l-.001-.021a.15.15 0 0 1 .15-.15l.021.002h-.001h.008c.094 0 .171.075.174.169zm1.224.24l.274 3.047l-.274 3.203q-.026.209-.209.209h-.001a.2.2 0 0 1-.136-.059a.2.2 0 0 1-.059-.143v-.007l-.257-3.208l.26-3.047a.2.2 0 0 1 .195-.196l.014-.001c.107 0 .194.087.194.194v.002zm1.224-1.906l.274 4.948l-.274 3.203a.24.24 0 0 1-.065.163a.2.2 0 0 1-.156.072q-.209 0-.24-.24l-.24-3.203l.24-4.948q.026-.24.24-.24c.062 0 .118.028.155.072c.04.043.065.101.065.164zm1.224-1.119L9.12 15.6l-.247 3.178a.255.255 0 0 1-.508.001v-.001L8.153 15.6l.209-6.094l-.001-.017a.254.254 0 1 1 .508 0l-.001.018v-.001zm1.276-.521l.24 6.588l-.24 3.151v.012a.263.263 0 0 1-.263.263l-.025-.001h.001q-.247 0-.274-.274l-.209-3.151l.209-6.588V8.98c0-.078.033-.149.085-.199a.26.26 0 0 1 .188-.086h.005c.076 0 .144.033.191.086c.05.053.083.123.091.2zm2.527-.053l.196 6.641l-.196 3.112a.333.333 0 0 1-.325.325h-.005a.3.3 0 0 1-.216-.091a.36.36 0 0 1-.104-.239v-.001l-.182-3.112l.182-6.641v-.016c0-.088.037-.168.097-.224a.33.33 0 0 1 .228-.091a.326.326 0 0 1 .326.316v.017v-.001zm1.289.247l.182 6.407l-.182 3.073v.001a.35.35 0 0 1-.6.246a.4.4 0 0 1-.12-.246v-.002l-.156-3.073l.156-6.407a.4.4 0 0 1 .12-.26a.34.34 0 0 1 .244-.104h.008c.093 0 .177.04.235.104a.4.4 0 0 1 .11.259v.001zm2.76 6.407l-.182 3.008a.404.404 0 0 1-.69.286a.44.44 0 0 1-.131-.286v-.001l-.078-1.484l-.078-1.524l.156-8.28v-.04a.5.5 0 0 1 .156-.312a.4.4 0 0 1 .259-.091h.001q.113.002.196.065l-.001-.001c.119.07.2.194.209.337v.001zm14.479-.247a3.68 3.68 0 0 1-3.679 3.672h-10.24a.5.5 0 0 1-.287-.143a.4.4 0 0 1-.12-.282V6.872q0-.3.36-.43a6.4 6.4 0 0 1 2.365-.445c1.7 0 3.247.652 4.406 1.719L24 7.712a6.28 6.28 0 0 1 2.082 4.188l.001.022a3.69 3.69 0 0 1 5.117 3.403v.009z"/></svg>

Soundcloud アイコンの使い方

React

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

<Icon icon="fontisto:soundcloud" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:soundcloud" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:soundcloud" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--soundcloud]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:soundcloud"></div>

Web コンポーネント

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

<iconify-icon icon="fontisto:soundcloud"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/soundcloud.svg" alt="Soundcloud アイコン" width="24" height="24">

他のアイコンセットの Soundcloud アイコン

Soundcloud アイコンのよくある質問

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

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

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

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

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

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

Fontisto アイコンをすべて見る →