Иконка Piper Tts

selfhst:piper-tts

Иконка Piper Tts (selfhst:piper-tts) — бесплатная SVG-иконка из набора selfh.st/icons от 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>

Веб-компонент

<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">

Вопросы и ответы: Иконка Piper Tts

Можно ли бесплатно использовать иконку Piper Tts в коммерческих проектах?

Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Piper Tts в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все selfh.st/icons →