Audacity アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:audacity

Audacity アイコン(selfhst:audacity)は、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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><linearGradient id="SVG2n080bmq" x1="205.6" x2="205.6" y1="504.8" y2="744" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f94807"/><stop offset="1" stop-color="#fac522"/></linearGradient><path fill="url(#SVG2n080bmq)" d="M193 237.4c0-7 5.6-12.6 12.6-12.6s12.6 5.6 12.6 12.6v214c0 7-5.6 12.6-12.6 12.6s-12.6-5.6-12.6-12.6z"/><linearGradient id="SVGLsopccMW" x1="174.2" x2="174.2" y1="504.788" y2="744.001" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f94807"/><stop offset="1" stop-color="#fac522"/></linearGradient><path fill="url(#SVGLsopccMW)" d="M161.6 296.1c0-7 5.6-12.6 12.6-12.6s12.6 5.6 12.6 12.6v96.5c0 7-5.6 12.6-12.6 12.6s-12.6-5.6-12.6-12.6z"/><linearGradient id="SVGkYfmMdmZ" x1="142.7" x2="142.7" y1="504.788" y2="744.001" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f94807"/><stop offset="1" stop-color="#fac522"/></linearGradient><path fill="url(#SVGkYfmMdmZ)" d="M130.1 338.1c0-7 5.6-12.6 12.6-12.6s12.6 5.6 12.6 12.6v16.8c0 7-5.6 12.6-12.6 12.6s-12.6-5.6-12.6-12.6z"/><linearGradient id="SVGuSjG1bWP" x1="237.1" x2="237.1" y1="504.788" y2="744.001" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f94807"/><stop offset="1" stop-color="#fac522"/></linearGradient><path fill="url(#SVGuSjG1bWP)" d="M224.5 279.3c0-7 5.6-12.6 12.6-12.6s12.6 5.6 12.6 12.6v134.3c0 7-5.6 12.6-12.6 12.6s-12.6-5.6-12.6-12.6z"/><linearGradient id="SVGRZZyCbVn" x1="268.6" x2="268.6" y1="504.788" y2="744.001" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f94807"/><stop offset="1" stop-color="#fac522"/></linearGradient><path fill="url(#SVGRZZyCbVn)" d="M256 317.1c0-7 5.6-12.6 12.6-12.6s12.6 5.6 12.6 12.6v54.6c0 7-5.6 12.6-12.6 12.6s-12.6-5.6-12.6-12.6z"/><linearGradient id="SVGIydB8bRH" x1="300.1" x2="300.1" y1="504.788" y2="744.001" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f94807"/><stop offset="1" stop-color="#fac522"/></linearGradient><path fill="url(#SVGIydB8bRH)" d="M287.5 279.3c0-7 5.6-12.6 12.6-12.6s12.6 5.6 12.6 12.6v134.3c0 7-5.6 12.6-12.6 12.6s-12.6-5.6-12.6-12.6z"/><linearGradient id="SVGObt70bZh" x1="331.6" x2="331.6" y1="504.788" y2="744.001" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f94807"/><stop offset="1" stop-color="#fac522"/></linearGradient><path fill="url(#SVGObt70bZh)" d="M319 308.7c0-7 5.6-12.6 12.6-12.6s12.6 5.6 12.6 12.6V380c0 7-5.6 12.6-12.6 12.6S319 387 319 380z"/><linearGradient id="SVGm8vHVcbY" x1="363" x2="363" y1="504.788" y2="744.001" gradientTransform="translate(0 -280)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f94807"/><stop offset="1" stop-color="#fac522"/></linearGradient><path fill="url(#SVGm8vHVcbY)" d="M350.4 338.1c0-7 5.6-12.6 12.6-12.6s12.6 5.6 12.6 12.6v16.8c0 7-5.6 12.6-12.6 12.6s-12.6-5.6-12.6-12.6z"/><path fill="#2b29ce" d="M512 344.4c0 62.7-39.1 115.6-92.3 131.5v-39.2h-4V208c0-31.3-16.2-61.2-45.7-84.1c-31.3-24.4-73.3-37.8-118.2-37.8s-86.9 13.4-118.2 37.8C104.2 146.8 88 176.7 88 208v228.7h-4.1V473C35 454.3 0 403.8 0 344.4c0-38.3 14.6-72.9 38-97.6V208c0-47.1 23.1-91 64.9-123.6c40-31.2 92.9-48.3 148.9-48.3s108.9 17.2 148.9 48.3c41.9 32.6 65 76.5 65 123.6v30.7c28.3 25 46.3 63.1 46.3 105.7m-394.6-128h-25v256h25zm293.8 256h-25v-256h25z"/></svg>

Audacity アイコンの使い方

React

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

<Icon icon="selfhst:audacity" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:audacity" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:audacity" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:audacity"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/audacity.svg" alt="Audacity アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

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

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

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →