Icône Twitter Logo
radix-icons:twitter-logo
L'icône Twitter Logo (radix-icons:twitter-logo) est une icône SVG gratuite de la collection Radix Icons par WorkOS. Elle est dessinée sur une grille de 15 × 15. Les Radix Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Radix Icons
- Auteur
- WorkOS
- Licence
- MIT
- Taille
- 15 × 15
- Mots-clés
- twitterlogo
Code 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>Comment utiliser l'icône 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>Web component
<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>Image HTML
<img src="https://iconyz.com/api/public/svg/radix-icons/twitter-logo.svg" alt="Icône Twitter Logo" width="24" height="24">L'icône Twitter Logo dans d'autres collections
FAQ : Icône Twitter Logo
L'icône Twitter Logo est-elle gratuite pour un usage commercial ?
Oui. Les Radix Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Twitter Logo dans React ?
Installez @iconify/react et affichez <Icon icon="radix-icons:twitter-logo" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Twitter Logo à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/radix-icons/twitter-logo.svg" alt="Icône Twitter Logo">, ou collez le code SVG directement dans la page pour le styliser en CSS.