ICONYZ
日本語
selfh.st/icons の Piper Tts アイコン

Piper Tts アイコン

selfhst:piper-tts

Piper Tts アイコン(selfhst:piper-tts)は、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
タグ
pipertts
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path d="M441.7 201.7c-19-15.9-44.8-25.2-77.5-28c-57.2 27-112.5 61.8-167 100.3v238h87.5V394.3h57.7c43.2 0 76.3-9.5 99.3-28.6q34.8-28.8 34.8-82.2c0-35.5-11.6-62.7-34.8-81.8m-69.3 116.9q-13.8 12.3-39.3 12.3h-48.4v-94.8h48.4q25.5 0 39.3 12.3c9.3 8.2 13.9 19.9 13.9 35s-4.7 26.9-13.9 35.2m-31.3-153.2c-62.2 29.2-105.7 58.3-145.9 87.4c-22-77.9-82.5-75.1-136.1-51.6c1 1.8 1.6 3.8 1.6 6c.1 7-5.5 12.6-12.5 12.7s-12.6-5.5-12.7-12.5S41 194.8 48 194.7c2.4 0 4.7.6 6.6 1.8c22.1-28.5 37.1-67.4 98.5-50.1c-18-56.2-7.6-85.8 14.5-122.6c-4-2.1-6.8-6.3-6.8-11.2c0-7 5.6-12.6 12.6-12.6S186 5.7 186 12.6c0 6.4-4.8 11.7-11 12.5c1.7 39.8 10.5 77.3 64 76.2c19.7-54.8 46.6-65 72.1-66.8c.5-6.5 5.9-11.6 12.6-11.6c7 0 12.6 5.6 12.6 12.6s-5.6 12.6-12.6 12.6c-1.1 0-2.2-.2-3.2-.4c-19 30.4-20.2 67 20.4 117c.1.2.6.6.2.7"/></svg>

Piper Tts アイコンの使い方

React

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

<Icon icon="selfhst:piper-tts" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:piper-tts" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:piper-tts" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:piper-tts"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/piper-tts.svg" alt="Piper Tts アイコン" width="24" height="24">

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

Piper Tts アイコン のよくある質問

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

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

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

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

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

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

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