twitter logo

twitter from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
twitter
Set
SVG Logos
Style
Color
Viewbox
256×209
License
CC0

The same logo in other sets

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

Use the twitter logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 209"><path fill="#55acee" d="M256 25.45a105 105 0 0 1-30.166 8.27c10.845-6.5 19.172-16.793 23.093-29.057a105.2 105.2 0 0 1-33.351 12.745C205.995 7.201 192.346.822 177.239.822c-29.006 0-52.523 23.516-52.523 52.52c0 4.117.465 8.125 1.36 11.97c-43.65-2.191-82.35-23.1-108.255-54.876c-4.52 7.757-7.11 16.78-7.11 26.404c0 18.222 9.273 34.297 23.365 43.716a52.3 52.3 0 0 1-23.79-6.57q-.004.33-.003.661c0 25.447 18.104 46.675 42.13 51.5a52.6 52.6 0 0 1-23.718.9c6.683 20.866 26.08 36.05 49.062 36.475c-17.975 14.086-40.622 22.483-65.228 22.483c-4.24 0-8.42-.249-12.529-.734c23.243 14.902 50.85 23.597 80.51 23.597c96.607 0 149.434-80.031 149.434-149.435q0-3.417-.152-6.795A106.8 106.8 0 0 0 256 25.45"/></svg>

React

import type { SVGProps } from "react";

export function LogosTwitter(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 209"><path fill="#55acee" d="M256 25.45a105 105 0 0 1-30.166 8.27c10.845-6.5 19.172-16.793 23.093-29.057a105.2 105.2 0 0 1-33.351 12.745C205.995 7.201 192.346.822 177.239.822c-29.006 0-52.523 23.516-52.523 52.52c0 4.117.465 8.125 1.36 11.97c-43.65-2.191-82.35-23.1-108.255-54.876c-4.52 7.757-7.11 16.78-7.11 26.404c0 18.222 9.273 34.297 23.365 43.716a52.3 52.3 0 0 1-23.79-6.57q-.004.33-.003.661c0 25.447 18.104 46.675 42.13 51.5a52.6 52.6 0 0 1-23.718.9c6.683 20.866 26.08 36.05 49.062 36.475c-17.975 14.086-40.622 22.483-65.228 22.483c-4.24 0-8.42-.249-12.529-.734c23.243 14.902 50.85 23.597 80.51 23.597c96.607 0 149.434-80.031 149.434-149.435q0-3.417-.152-6.795A106.8 106.8 0 0 0 256 25.45"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 209"><path fill="#55acee" d="M256 25.45a105 105 0 0 1-30.166 8.27c10.845-6.5 19.172-16.793 23.093-29.057a105.2 105.2 0 0 1-33.351 12.745C205.995 7.201 192.346.822 177.239.822c-29.006 0-52.523 23.516-52.523 52.52c0 4.117.465 8.125 1.36 11.97c-43.65-2.191-82.35-23.1-108.255-54.876c-4.52 7.757-7.11 16.78-7.11 26.404c0 18.222 9.273 34.297 23.365 43.716a52.3 52.3 0 0 1-23.79-6.57q-.004.33-.003.661c0 25.447 18.104 46.675 42.13 51.5a52.6 52.6 0 0 1-23.718.9c6.683 20.866 26.08 36.05 49.062 36.475c-17.975 14.086-40.622 22.483-65.228 22.483c-4.24 0-8.42-.249-12.529-.734c23.243 14.902 50.85 23.597 80.51 23.597c96.607 0 149.434-80.031 149.434-149.435q0-3.417-.152-6.795A106.8 106.8 0 0 0 256 25.45"/></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%20256%20209%22%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M256%2025.45a105%20105%200%200%201-30.166%208.27c10.845-6.5%2019.172-16.793%2023.093-29.057a105.2%20105.2%200%200%201-33.351%2012.745C205.995%207.201%20192.346.822%20177.239.822c-29.006%200-52.523%2023.516-52.523%2052.52c0%204.117.465%208.125%201.36%2011.97c-43.65-2.191-82.35-23.1-108.255-54.876c-4.52%207.757-7.11%2016.78-7.11%2026.404c0%2018.222%209.273%2034.297%2023.365%2043.716a52.3%2052.3%200%200%201-23.79-6.57q-.004.33-.003.661c0%2025.447%2018.104%2046.675%2042.13%2051.5a52.6%2052.6%200%200%201-23.718.9c6.683%2020.866%2026.08%2036.05%2049.062%2036.475c-17.975%2014.086-40.622%2022.483-65.228%2022.483c-4.24%200-8.42-.249-12.529-.734c23.243%2014.902%2050.85%2023.597%2080.51%2023.597c96.607%200%20149.434-80.031%20149.434-149.435q0-3.417-.152-6.795A106.8%20106.8%200%200%200%20256%2025.45%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%20256%20209%22%3E%3Cpath%20fill%3D%22%2355acee%22%20d%3D%22M256%2025.45a105%20105%200%200%201-30.166%208.27c10.845-6.5%2019.172-16.793%2023.093-29.057a105.2%20105.2%200%200%201-33.351%2012.745C205.995%207.201%20192.346.822%20177.239.822c-29.006%200-52.523%2023.516-52.523%2052.52c0%204.117.465%208.125%201.36%2011.97c-43.65-2.191-82.35-23.1-108.255-54.876c-4.52%207.757-7.11%2016.78-7.11%2026.404c0%2018.222%209.273%2034.297%2023.365%2043.716a52.3%2052.3%200%200%201-23.79-6.57q-.004.33-.003.661c0%2025.447%2018.104%2046.675%2042.13%2051.5a52.6%2052.6%200%200%201-23.718.9c6.683%2020.866%2026.08%2036.05%2049.062%2036.475c-17.975%2014.086-40.622%2022.483-65.228%2022.483c-4.24%200-8.42-.249-12.529-.734c23.243%2014.902%2050.85%2023.597%2080.51%2023.597c96.607%200%20149.434-80.031%20149.434-149.435q0-3.417-.152-6.795A106.8%20106.8%200%200%200%20256%2025.45%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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