Audacity Light アイコン
selfhst:audacity-light
Audacity Light アイコン(selfhst:audacity-light)は、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
- タグ
- audacitylight
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M193.5 237.9c0-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.6zm-31.4 58.7c0-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.6zm-31.5 42c0-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.6zm94.4-58.8c0-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.6zm31.5 37.8c0-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.6zm31.5-37.8c0-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.6zm31.5 29.4c0-7 5.6-12.6 12.6-12.6s12.6 5.6 12.6 12.6v71.3c0 7-5.6 12.6-12.6 12.6s-12.6-5.6-12.6-12.6zm31.4 29.4c0-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.6zm161.6 6.3c0 62.7-39.1 115.6-92.3 131.5v-39.2h-4V208.5c0-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.8c-29.4 22.9-45.6 52.8-45.6 84.1v228.7h-4.1v36.3C35.5 454.8.5 404.3.5 344.9c0-38.3 14.6-72.9 38-97.6v-38.8c0-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 Light アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:audacity-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:audacity-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:audacity-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--audacity-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:audacity-light"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:audacity-light"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/audacity-light.svg" alt="Audacity Light アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Audacity Light アイコン のよくある質問
Audacity Light アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Audacity Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:audacity-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Audacity Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/audacity-light.svg" alt="Audacity Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。