Иконка Twitter Logo
radix-icons:twitter-logo
Иконка Twitter Logo (radix-icons:twitter-logo) — бесплатная SVG-иконка из набора Radix Icons от WorkOS. Она нарисована на сетке 15 × 15. Radix Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Radix Icons
- Автор
- WorkOS
- Лицензия
- MIT
- Размер
- 15 × 15
- Теги
- twitterlogo
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M10.36 1.569c1.013 0 1.82.48 2.362 1.174a5.2 5.2 0 0 0 1.63-.628a2.63 2.63 0 0 1-1.152 1.45l.001.003a5.3 5.3 0 0 0 1.504-.413v.002c-.338.506-.764.95-1.252 1.313c.026.177.043.354.043.531c0 3.686-2.809 7.974-7.975 7.974A7.93 7.93 0 0 1 1.46 11.86l-.234-.146l-.08-.062a.5.5 0 0 1-.028-.686a.45.45 0 0 1 .347-.217l.09.002l.24.024a5.04 5.04 0 0 0 2.395-.381a3.1 3.1 0 0 1-1.606-1.65l-.082-.225a.45.45 0 0 1 .103-.448A3.07 3.07 0 0 1 1.56 5.76v-.033c0-.16.084-.308.221-.389a.5.5 0 0 1 .147-.052A3.1 3.1 0 0 1 1.58 3.87c0-.468.003-1.058.332-1.589a.45.45 0 0 1 .32-.207a.5.5 0 0 1 .47.088l.071.072l.234.272a6.96 6.96 0 0 0 4.226 2.232v-.04c0-1.728 1.4-3.128 3.126-3.128m0 1a2.128 2.128 0 0 0-2.072 2.614a.5.5 0 0 1-.396.602l-.116.008a7.95 7.95 0 0 1-5.282-2.377q-.014.203-.013.453c0 .755.385 1.422.97 1.813l.057.046a.45.45 0 0 1-.323.778a3 3 0 0 1-.622-.086a2.18 2.18 0 0 0 1.643 1.476a.451.451 0 0 1 .028.876q-.27.073-.556.094a2.17 2.17 0 0 0 1.715.89a.45.45 0 0 1 .27.804a5.3 5.3 0 0 1-2.389 1.042c.705.24 1.46.373 2.247.373c4.5 0 6.975-3.718 6.975-6.974c0-1.288-.902-2.432-2.136-2.432"/></svg>Как использовать иконку Twitter Logo
React
import { Icon } from "@iconify/react";
<Icon icon="radix-icons:twitter-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="radix-icons:twitter-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="radix-icons:twitter-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[radix-icons--twitter-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/radix-icons -->
<div class="i-radix-icons:twitter-logo"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="radix-icons:twitter-logo"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/radix-icons/twitter-logo.svg" alt="Иконка Twitter Logo" width="24" height="24">Иконка Twitter Logo в других наборах
Вопросы и ответы: Иконка Twitter Logo
Можно ли бесплатно использовать иконку Twitter Logo в коммерческих проектах?
Да. Radix Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Twitter Logo в React?
Установите @iconify/react и выведите <Icon icon="radix-icons:twitter-logo" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Twitter Logo на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/radix-icons/twitter-logo.svg" alt="Иконка Twitter Logo">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.