Twitter icon
brandico:twitter
The Twitter icon (brandico:twitter) is a free SVG icon from the Brandico set by Fontello. It is drawn on a 749 × 1000 grid. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Brandico
- Author
- Fontello
- License
- CC-BY-SA-3.0
- Size
- 749 × 1000
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="749" height="1000" viewBox="0 0 749 1000"><path fill="currentColor" d="M748.681 875.015c0 34.315-12.307 63.755-36.922 88.227c-24.615 24.519-54.117 36.758-88.576 36.758H375.078c-103.368 0-191.702-36.519-265.055-109.647C36.65 817.234.001 729.224.001 626.187v-501.08c0-35.311 12.219-64.969 36.649-89.031C61.08 12.049 90.923.001 126.146.001c34.199 0 63.584 12.273 87.981 36.791c24.471 24.492 36.724 53.878 36.724 88.228v181.436h353.233c32.069 0 59.545 11.366 82.466 34.116c22.893 22.71 34.315 49.967 34.315 81.797c0 31.769-11.421 59.073-34.233 81.802c-22.82 22.698-50.239 34.083-82.173 34.083H250.851v87.817c0 34.438 12.021 63.687 36.184 87.817c24.136 24.063 53.441 36.109 87.918 36.109h248.182c34.438 0 64.008 12.287 88.623 36.793q36.922 36.776 36.922 88.226"/></svg>
How to use the Twitter icon
React
import { Icon } from "@iconify/react";
<Icon icon="brandico:twitter" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="brandico:twitter" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="brandico:twitter" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[brandico--twitter]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/brandico -->
<div class="i-brandico:twitter"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="brandico:twitter"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/brandico/twitter.svg" alt="Twitter icon" width="24" height="24">
Related icons in Brandico
Twitter icon in other icon sets
Twitter icon FAQ
Is the Twitter icon free for commercial use?
Yes. Brandico icons are released under the CC BY SA license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Twitter icon in React?
Install @iconify/react and render <Icon icon="brandico:twitter" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Twitter icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/brandico/twitter.svg" alt="Twitter icon">, or paste the SVG code inline to style it with CSS.
Browse all Brandico icons →
ICONYZ
