twitter logo

twitter from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name
twitter
Set
Devicon
Style
Original
Viewbox
128×128
License
MIT

The same logo in other sets

twitter-fillAkar IconstwitterBootstrap IconstwitterBoxicons Brandstwitter-fillEva IconstwitterFont Awesome 6 BrandstwitterFeather Iconstwittercss.ggtwitterHuge IconstwitterIconoirtwitterJam IconstwitterLine AwesometwitterMaterial Line IconstwitterSVG LogostwitterLucidetwitterMage IconstwitterMaterial Design Iconstwitter-fillMingCute IcontwitterOpenMojitwitter-fillRemix IcontwitterSimple IconstwitterSkill Iconstwitter-outlineTeenyiconstwitterUniconstwitterUnicons Monochrome

Use the twitter logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M75.916 54.2L122.542 0h-11.05L71.008 47.06L38.672 0H1.376l48.898 71.164L1.376 128h11.05L55.18 78.303L89.328 128h37.296L75.913 54.2ZM60.782 71.79l-4.955-7.086l-39.42-56.386h16.972L65.19 53.824l4.954 7.086l41.353 59.15h-16.97L60.782 71.793Z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconTwitter(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M75.916 54.2L122.542 0h-11.05L71.008 47.06L38.672 0H1.376l48.898 71.164L1.376 128h11.05L55.18 78.303L89.328 128h37.296L75.913 54.2ZM60.782 71.79l-4.955-7.086l-39.42-56.386h16.972L65.19 53.824l4.954 7.086l41.353 59.15h-16.97L60.782 71.793Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path d="M75.916 54.2L122.542 0h-11.05L71.008 47.06L38.672 0H1.376l48.898 71.164L1.376 128h11.05L55.18 78.303L89.328 128h37.296L75.913 54.2ZM60.782 71.79l-4.955-7.086l-39.42-56.386h16.972L65.19 53.824l4.954 7.086l41.353 59.15h-16.97L60.782 71.793Z"/></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%20128%20128%22%3E%3Cpath%20d%3D%22M75.916%2054.2L122.542%200h-11.05L71.008%2047.06L38.672%200H1.376l48.898%2071.164L1.376%20128h11.05L55.18%2078.303L89.328%20128h37.296L75.913%2054.2ZM60.782%2071.79l-4.955-7.086l-39.42-56.386h16.972L65.19%2053.824l4.954%207.086l41.353%2059.15h-16.97L60.782%2071.793Z%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%20128%20128%22%3E%3Cpath%20d%3D%22M75.916%2054.2L122.542%200h-11.05L71.008%2047.06L38.672%200H1.376l48.898%2071.164L1.376%20128h11.05L55.18%2078.303L89.328%20128h37.296L75.913%2054.2ZM60.782%2071.79l-4.955-7.086l-39.42-56.386h16.972L65.19%2053.824l4.954%207.086l41.353%2059.15h-16.97L60.782%2071.793Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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