Иконка Twitter

fontisto:twitter

Иконка Twitter (fontisto:twitter) — бесплатная SVG-иконка из набора Fontisto от Kenan Gündoğan. Она нарисована на сетке 30 × 24. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Fontisto
Автор: Kenan Gündoğan
Лицензия: MIT
Размер: 30 × 24
Категория: Бренд

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="24" viewBox="0 0 30 24"><path fill="currentColor" d="M29.55 2.85a12.8 12.8 0 0 1-3.004 3.106l-.036.025q.018.262.018.787a17.2 17.2 0 0 1-.745 4.987l.032-.122a17.6 17.6 0 0 1-2.206 4.724l.04-.065a18.5 18.5 0 0 1-3.435 3.927l-.024.02a15.3 15.3 0 0 1-4.73 2.704l-.108.033c-1.765.648-3.803 1.022-5.928 1.022H9.29h.007h-.127c-3.41 0-6.584-1.015-9.234-2.76l.063.039c.419.048.904.075 1.396.075h.07h-.004l.126.001c2.807 0 5.386-.975 7.417-2.606l-.023.018a6.07 6.07 0 0 1-5.65-4.157l-.012-.043c.342.057.738.091 1.141.094h.003a6.3 6.3 0 0 0 1.637-.216l-.044.01a5.98 5.98 0 0 1-3.47-2.08l-.008-.011a5.82 5.82 0 0 1-1.379-3.773l.001-.084v.004v-.075a5.9 5.9 0 0 0 2.727.768h.011a6.1 6.1 0 0 1-1.953-2.129l-.016-.031a6 6 0 0 1-.731-2.889c0-1.126.306-2.18.84-3.084l-.015.028a17.3 17.3 0 0 0 5.425 4.427l.095.045c2.022 1.067 4.402 1.743 6.927 1.864l.038.001a6.6 6.6 0 0 1-.149-1.382v-.001a6.062 6.062 0 0 1 10.477-4.147l.003.003A11.9 11.9 0 0 0 28.772.415l-.053.03a5.9 5.9 0 0 1-2.635 3.323l-.028.015a12 12 0 0 0 3.569-.967l-.077.031z"/></svg>

Как использовать иконку Twitter

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/fontisto/twitter.svg" alt="Иконка Twitter" width="24" height="24">

Иконка Twitter в других наборах

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

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

Да. Fontisto icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

Установите @iconify/react и выведите <Icon icon="fontisto:twitter" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Twitter на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fontisto/twitter.svg" alt="Иконка Twitter">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Fontisto →