twitter icon

twitter-outline from Eva Icons by Akveo · Outline · MIT Free for personal and commercial use.

Name
twitter-outline
Set
Eva Icons
Style
Outline
Viewbox
24×24
License
MIT

1 other variant in Eva Icons

twitter-fill

The same icon in other sets

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

Use the twitter icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.51 20h-.08a10.9 10.9 0 0 1-4.65-1.09A1.38 1.38 0 0 1 3 17.47a1.41 1.41 0 0 1 1.16-1.18a6.6 6.6 0 0 0 2.54-.89a9.49 9.49 0 0 1-3.51-9.07a1.41 1.41 0 0 1 1-1.15a1.35 1.35 0 0 1 1.43.41a7.1 7.1 0 0 0 4.88 2.75a4.5 4.5 0 0 1 1.41-3.1a4.47 4.47 0 0 1 6.37.19a.7.7 0 0 0 .78.1A1.39 1.39 0 0 1 21 7.13a6.7 6.7 0 0 1-1.28 2.6A10.79 10.79 0 0 1 8.51 20m0-2h.08a8.79 8.79 0 0 0 9.09-8.59a1.32 1.32 0 0 1 .37-.85a5.2 5.2 0 0 0 .62-1a2.56 2.56 0 0 1-1.91-.85A2.45 2.45 0 0 0 15 6a2.5 2.5 0 0 0-1.79.69a2.53 2.53 0 0 0-.72 2.42l.26 1.14l-1.17.08a8.3 8.3 0 0 1-6.54-2.4a7.12 7.12 0 0 0 3.73 6.46l.95.54l-.63.9a5.6 5.6 0 0 1-2.68 1.92A8.3 8.3 0 0 0 8.5 18ZM19 6.65"/></svg>

React

import type { SVGProps } from "react";

export function EvaTwitterOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.51 20h-.08a10.9 10.9 0 0 1-4.65-1.09A1.38 1.38 0 0 1 3 17.47a1.41 1.41 0 0 1 1.16-1.18a6.6 6.6 0 0 0 2.54-.89a9.49 9.49 0 0 1-3.51-9.07a1.41 1.41 0 0 1 1-1.15a1.35 1.35 0 0 1 1.43.41a7.1 7.1 0 0 0 4.88 2.75a4.5 4.5 0 0 1 1.41-3.1a4.47 4.47 0 0 1 6.37.19a.7.7 0 0 0 .78.1A1.39 1.39 0 0 1 21 7.13a6.7 6.7 0 0 1-1.28 2.6A10.79 10.79 0 0 1 8.51 20m0-2h.08a8.79 8.79 0 0 0 9.09-8.59a1.32 1.32 0 0 1 .37-.85a5.2 5.2 0 0 0 .62-1a2.56 2.56 0 0 1-1.91-.85A2.45 2.45 0 0 0 15 6a2.5 2.5 0 0 0-1.79.69a2.53 2.53 0 0 0-.72 2.42l.26 1.14l-1.17.08a8.3 8.3 0 0 1-6.54-2.4a7.12 7.12 0 0 0 3.73 6.46l.95.54l-.63.9a5.6 5.6 0 0 1-2.68 1.92A8.3 8.3 0 0 0 8.5 18ZM19 6.65"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.51 20h-.08a10.9 10.9 0 0 1-4.65-1.09A1.38 1.38 0 0 1 3 17.47a1.41 1.41 0 0 1 1.16-1.18a6.6 6.6 0 0 0 2.54-.89a9.49 9.49 0 0 1-3.51-9.07a1.41 1.41 0 0 1 1-1.15a1.35 1.35 0 0 1 1.43.41a7.1 7.1 0 0 0 4.88 2.75a4.5 4.5 0 0 1 1.41-3.1a4.47 4.47 0 0 1 6.37.19a.7.7 0 0 0 .78.1A1.39 1.39 0 0 1 21 7.13a6.7 6.7 0 0 1-1.28 2.6A10.79 10.79 0 0 1 8.51 20m0-2h.08a8.79 8.79 0 0 0 9.09-8.59a1.32 1.32 0 0 1 .37-.85a5.2 5.2 0 0 0 .62-1a2.56 2.56 0 0 1-1.91-.85A2.45 2.45 0 0 0 15 6a2.5 2.5 0 0 0-1.79.69a2.53 2.53 0 0 0-.72 2.42l.26 1.14l-1.17.08a8.3 8.3 0 0 1-6.54-2.4a7.12 7.12 0 0 0 3.73 6.46l.95.54l-.63.9a5.6 5.6 0 0 1-2.68 1.92A8.3 8.3 0 0 0 8.5 18ZM19 6.65"/></svg>
</template>

CSS

.icon-twitter-outline {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.51%2020h-.08a10.9%2010.9%200%200%201-4.65-1.09A1.38%201.38%200%200%201%203%2017.47a1.41%201.41%200%200%201%201.16-1.18a6.6%206.6%200%200%200%202.54-.89a9.49%209.49%200%200%201-3.51-9.07a1.41%201.41%200%200%201%201-1.15a1.35%201.35%200%200%201%201.43.41a7.1%207.1%200%200%200%204.88%202.75a4.5%204.5%200%200%201%201.41-3.1a4.47%204.47%200%200%201%206.37.19a.7.7%200%200%200%20.78.1A1.39%201.39%200%200%201%2021%207.13a6.7%206.7%200%200%201-1.28%202.6A10.79%2010.79%200%200%201%208.51%2020m0-2h.08a8.79%208.79%200%200%200%209.09-8.59a1.32%201.32%200%200%201%20.37-.85a5.2%205.2%200%200%200%20.62-1a2.56%202.56%200%200%201-1.91-.85A2.45%202.45%200%200%200%2015%206a2.5%202.5%200%200%200-1.79.69a2.53%202.53%200%200%200-.72%202.42l.26%201.14l-1.17.08a8.3%208.3%200%200%201-6.54-2.4a7.12%207.12%200%200%200%203.73%206.46l.95.54l-.63.9a5.6%205.6%200%200%201-2.68%201.92A8.3%208.3%200%200%200%208.5%2018ZM19%206.65%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.51%2020h-.08a10.9%2010.9%200%200%201-4.65-1.09A1.38%201.38%200%200%201%203%2017.47a1.41%201.41%200%200%201%201.16-1.18a6.6%206.6%200%200%200%202.54-.89a9.49%209.49%200%200%201-3.51-9.07a1.41%201.41%200%200%201%201-1.15a1.35%201.35%200%200%201%201.43.41a7.1%207.1%200%200%200%204.88%202.75a4.5%204.5%200%200%201%201.41-3.1a4.47%204.47%200%200%201%206.37.19a.7.7%200%200%200%20.78.1A1.39%201.39%200%200%201%2021%207.13a6.7%206.7%200%200%201-1.28%202.6A10.79%2010.79%200%200%201%208.51%2020m0-2h.08a8.79%208.79%200%200%200%209.09-8.59a1.32%201.32%200%200%201%20.37-.85a5.2%205.2%200%200%200%20.62-1a2.56%202.56%200%200%201-1.91-.85A2.45%202.45%200%200%200%2015%206a2.5%202.5%200%200%200-1.79.69a2.53%202.53%200%200%200-.72%202.42l.26%201.14l-1.17.08a8.3%208.3%200%200%201-6.54-2.4a7.12%207.12%200%200%200%203.73%206.46l.95.54l-.63.9a5.6%205.6%200%200%201-2.68%201.92A8.3%208.3%200%200%200%208.5%2018ZM19%206.65%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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