Twitter Logo icon
fluent-mdl2:twitter-logo
The Twitter Logo icon (fluent-mdl2:twitter-logo) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- twitterlogo
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M2048 389q-42 63-95 117t-115 100q1 14 1 27t1 28q0 126-27 249t-78 238q-74 167-185 298t-251 223t-307 139t-348 48q-172 0-335-47T0 1667q49 6 100 6q143 0 276-46t246-134q-67-1-129-22t-113-60t-90-92t-60-117q20 3 39 5t40 2q56 0 110-15q-74-15-135-53t-107-92t-70-123t-25-144v-5q88 50 191 53q-44-30-78-68t-59-84t-37-95t-13-103q0-56 14-109t43-102q80 99 178 177t208 135t232 88t248 39q-6-23-8-47t-3-49q0-87 33-163t90-134t133-90t164-33q88 0 167 34t140 99q71-14 137-39t129-63q-23 73-70 133t-114 99q126-15 241-66"/></svg>How to use the Twitter Logo icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:twitter-logo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:twitter-logo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:twitter-logo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--twitter-logo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:twitter-logo"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:twitter-logo"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/twitter-logo.svg" alt="Twitter Logo icon" width="24" height="24">Twitter Logo icon in other icon sets
Twitter Logo icon FAQ
Is the Twitter Logo icon free for commercial use?
Yes. Fluent UI MDL2 icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Twitter Logo icon in React?
Install @iconify/react and render <Icon icon="fluent-mdl2:twitter-logo" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Twitter Logo icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/twitter-logo.svg" alt="Twitter Logo icon">, or paste the SVG code inline to style it with CSS.