twitter logo

twitter from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name
twitter
Set
Font Awesome Brands
Style
Brand
Viewbox
640×640
License
CC BY 4.0

The same logo in other sets

twitter-fillAkar Iconstwitter-outlinedAnt Design IconstwitterBootstrap IconstwitterBoxicons BrandstwitterCoreUI BrandstwitterCodiconstwitterDevicontwitter-fillEva IconstwitterFont Awesome 6 BrandstwitterFeather Iconstwitter-solidFlowbite Iconstwittercss.ggtwitterHuge IconstwitterIconParktwitterIconPark OutlinetwitterIconPark SolidtwitterIconPark TwoTonetwitterIconoirtwitterJam IconstwitterLine AwesometwitterMaterial Line IconstwitterSVG LogostwitterLucidetwitterMage Icons

Related icons in Font Awesome Brands

twitter-square

Use the twitter logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M523.4 215.7c.3 4.5.3 9.1.3 13.6c0 138.7-105.6 298.6-298.6 298.6c-59.5 0-114.7-17.2-161.1-47.1c8.4 1 16.6 1.3 25.3 1.3c49.1 0 94.2-16.6 130.3-44.8c-46.1-1-84.8-31.2-98.1-72.8c6.5 1 13 1.6 19.8 1.6c9.4 0 18.8-1.3 27.6-3.6c-48.1-9.7-84.1-52-84.1-103v-1.3c14 7.8 30.2 12.7 47.4 13.3c-28.3-18.8-46.8-51-46.8-87.4c0-19.5 5.2-37.4 14.3-53c51.7 63.7 129.3 105.3 216.4 109.8c-1.6-7.8-2.6-15.9-2.6-24c0-57.8 46.8-104.9 104.9-104.9c30.2 0 57.5 12.7 76.7 33.1c23.7-4.5 46.5-13.3 66.6-25.3c-7.8 24.4-24.4 44.8-46.1 57.8c21.1-2.3 41.6-8.1 60.4-16.2c-14.3 20.8-32.2 39.3-52.6 54.3"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsTwitter(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M523.4 215.7c.3 4.5.3 9.1.3 13.6c0 138.7-105.6 298.6-298.6 298.6c-59.5 0-114.7-17.2-161.1-47.1c8.4 1 16.6 1.3 25.3 1.3c49.1 0 94.2-16.6 130.3-44.8c-46.1-1-84.8-31.2-98.1-72.8c6.5 1 13 1.6 19.8 1.6c9.4 0 18.8-1.3 27.6-3.6c-48.1-9.7-84.1-52-84.1-103v-1.3c14 7.8 30.2 12.7 47.4 13.3c-28.3-18.8-46.8-51-46.8-87.4c0-19.5 5.2-37.4 14.3-53c51.7 63.7 129.3 105.3 216.4 109.8c-1.6-7.8-2.6-15.9-2.6-24c0-57.8 46.8-104.9 104.9-104.9c30.2 0 57.5 12.7 76.7 33.1c23.7-4.5 46.5-13.3 66.6-25.3c-7.8 24.4-24.4 44.8-46.1 57.8c21.1-2.3 41.6-8.1 60.4-16.2c-14.3 20.8-32.2 39.3-52.6 54.3"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M523.4 215.7c.3 4.5.3 9.1.3 13.6c0 138.7-105.6 298.6-298.6 298.6c-59.5 0-114.7-17.2-161.1-47.1c8.4 1 16.6 1.3 25.3 1.3c49.1 0 94.2-16.6 130.3-44.8c-46.1-1-84.8-31.2-98.1-72.8c6.5 1 13 1.6 19.8 1.6c9.4 0 18.8-1.3 27.6-3.6c-48.1-9.7-84.1-52-84.1-103v-1.3c14 7.8 30.2 12.7 47.4 13.3c-28.3-18.8-46.8-51-46.8-87.4c0-19.5 5.2-37.4 14.3-53c51.7 63.7 129.3 105.3 216.4 109.8c-1.6-7.8-2.6-15.9-2.6-24c0-57.8 46.8-104.9 104.9-104.9c30.2 0 57.5 12.7 76.7 33.1c23.7-4.5 46.5-13.3 66.6-25.3c-7.8 24.4-24.4 44.8-46.1 57.8c21.1-2.3 41.6-8.1 60.4-16.2c-14.3 20.8-32.2 39.3-52.6 54.3"/></svg>
</template>

CSS

.icon-twitter {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M523.4%20215.7c.3%204.5.3%209.1.3%2013.6c0%20138.7-105.6%20298.6-298.6%20298.6c-59.5%200-114.7-17.2-161.1-47.1c8.4%201%2016.6%201.3%2025.3%201.3c49.1%200%2094.2-16.6%20130.3-44.8c-46.1-1-84.8-31.2-98.1-72.8c6.5%201%2013%201.6%2019.8%201.6c9.4%200%2018.8-1.3%2027.6-3.6c-48.1-9.7-84.1-52-84.1-103v-1.3c14%207.8%2030.2%2012.7%2047.4%2013.3c-28.3-18.8-46.8-51-46.8-87.4c0-19.5%205.2-37.4%2014.3-53c51.7%2063.7%20129.3%20105.3%20216.4%20109.8c-1.6-7.8-2.6-15.9-2.6-24c0-57.8%2046.8-104.9%20104.9-104.9c30.2%200%2057.5%2012.7%2076.7%2033.1c23.7-4.5%2046.5-13.3%2066.6-25.3c-7.8%2024.4-24.4%2044.8-46.1%2057.8c21.1-2.3%2041.6-8.1%2060.4-16.2c-14.3%2020.8-32.2%2039.3-52.6%2054.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M523.4%20215.7c.3%204.5.3%209.1.3%2013.6c0%20138.7-105.6%20298.6-298.6%20298.6c-59.5%200-114.7-17.2-161.1-47.1c8.4%201%2016.6%201.3%2025.3%201.3c49.1%200%2094.2-16.6%20130.3-44.8c-46.1-1-84.8-31.2-98.1-72.8c6.5%201%2013%201.6%2019.8%201.6c9.4%200%2018.8-1.3%2027.6-3.6c-48.1-9.7-84.1-52-84.1-103v-1.3c14%207.8%2030.2%2012.7%2047.4%2013.3c-28.3-18.8-46.8-51-46.8-87.4c0-19.5%205.2-37.4%2014.3-53c51.7%2063.7%20129.3%20105.3%20216.4%20109.8c-1.6-7.8-2.6-15.9-2.6-24c0-57.8%2046.8-104.9%20104.9-104.9c30.2%200%2057.5%2012.7%2076.7%2033.1c23.7-4.5%2046.5-13.3%2066.6-25.3c-7.8%2024.4-24.4%2044.8-46.1%2057.8c21.1-2.3%2041.6-8.1%2060.4-16.2c-14.3%2020.8-32.2%2039.3-52.6%2054.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/twitter.svg?color=%231a73e8&size=48