twitter icon

twitter from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.

Name
twitter
Set
Jam Icons
Style
Outline
Viewbox
24×24
License
MIT

The same icon 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 TwoTonetwitterIconoirtwitterLine AwesometwitterMaterial Line IconstwitterSVG LogostwitterLucidetwitterMage Icons

Related icons in Jam Icons

twitter-circletwitter-square

Use the twitter icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -4 24 24"><path fill="currentColor" d="M20 1.907a8.3 8.3 0 0 1-2.356.637A4.07 4.07 0 0 0 19.448.31a8.4 8.4 0 0 1-2.607.98A4.12 4.12 0 0 0 13.846.015c-2.266 0-4.103 1.81-4.103 4.04q0 .476.106.92A11.7 11.7 0 0 1 1.393.754a3.96 3.96 0 0 0-.554 2.03a4.02 4.02 0 0 0 1.824 3.363A4.15 4.15 0 0 1 .805 5.64v.05c0 1.958 1.415 3.591 3.29 3.963a4.2 4.2 0 0 1-1.08.141q-.397 0-.773-.075a4.1 4.1 0 0 0 3.832 2.807a8.3 8.3 0 0 1-5.095 1.727q-.498-.001-.979-.056a11.73 11.73 0 0 0 6.289 1.818c7.547 0 11.673-6.157 11.673-11.496l-.014-.523A8.1 8.1 0 0 0 20 1.907"/></svg>

React

import type { SVGProps } from "react";

export function JamTwitter(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -4 24 24"><path fill="currentColor" d="M20 1.907a8.3 8.3 0 0 1-2.356.637A4.07 4.07 0 0 0 19.448.31a8.4 8.4 0 0 1-2.607.98A4.12 4.12 0 0 0 13.846.015c-2.266 0-4.103 1.81-4.103 4.04q0 .476.106.92A11.7 11.7 0 0 1 1.393.754a3.96 3.96 0 0 0-.554 2.03a4.02 4.02 0 0 0 1.824 3.363A4.15 4.15 0 0 1 .805 5.64v.05c0 1.958 1.415 3.591 3.29 3.963a4.2 4.2 0 0 1-1.08.141q-.397 0-.773-.075a4.1 4.1 0 0 0 3.832 2.807a8.3 8.3 0 0 1-5.095 1.727q-.498-.001-.979-.056a11.73 11.73 0 0 0 6.289 1.818c7.547 0 11.673-6.157 11.673-11.496l-.014-.523A8.1 8.1 0 0 0 20 1.907"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -4 24 24"><path fill="currentColor" d="M20 1.907a8.3 8.3 0 0 1-2.356.637A4.07 4.07 0 0 0 19.448.31a8.4 8.4 0 0 1-2.607.98A4.12 4.12 0 0 0 13.846.015c-2.266 0-4.103 1.81-4.103 4.04q0 .476.106.92A11.7 11.7 0 0 1 1.393.754a3.96 3.96 0 0 0-.554 2.03a4.02 4.02 0 0 0 1.824 3.363A4.15 4.15 0 0 1 .805 5.64v.05c0 1.958 1.415 3.591 3.29 3.963a4.2 4.2 0 0 1-1.08.141q-.397 0-.773-.075a4.1 4.1 0 0 0 3.832 2.807a8.3 8.3 0 0 1-5.095 1.727q-.498-.001-.979-.056a11.73 11.73 0 0 0 6.289 1.818c7.547 0 11.673-6.157 11.673-11.496l-.014-.523A8.1 8.1 0 0 0 20 1.907"/></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%22-2%20-4%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%201.907a8.3%208.3%200%200%201-2.356.637A4.07%204.07%200%200%200%2019.448.31a8.4%208.4%200%200%201-2.607.98A4.12%204.12%200%200%200%2013.846.015c-2.266%200-4.103%201.81-4.103%204.04q0%20.476.106.92A11.7%2011.7%200%200%201%201.393.754a3.96%203.96%200%200%200-.554%202.03a4.02%204.02%200%200%200%201.824%203.363A4.15%204.15%200%200%201%20.805%205.64v.05c0%201.958%201.415%203.591%203.29%203.963a4.2%204.2%200%200%201-1.08.141q-.397%200-.773-.075a4.1%204.1%200%200%200%203.832%202.807a8.3%208.3%200%200%201-5.095%201.727q-.498-.001-.979-.056a11.73%2011.73%200%200%200%206.289%201.818c7.547%200%2011.673-6.157%2011.673-11.496l-.014-.523A8.1%208.1%200%200%200%2020%201.907%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%22-2%20-4%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M20%201.907a8.3%208.3%200%200%201-2.356.637A4.07%204.07%200%200%200%2019.448.31a8.4%208.4%200%200%201-2.607.98A4.12%204.12%200%200%200%2013.846.015c-2.266%200-4.103%201.81-4.103%204.04q0%20.476.106.92A11.7%2011.7%200%200%201%201.393.754a3.96%203.96%200%200%200-.554%202.03a4.02%204.02%200%200%200%201.824%203.363A4.15%204.15%200%200%201%20.805%205.64v.05c0%201.958%201.415%203.591%203.29%203.963a4.2%204.2%200%200%201-1.08.141q-.397%200-.773-.075a4.1%204.1%200%200%200%203.832%202.807a8.3%208.3%200%200%201-5.095%201.727q-.498-.001-.979-.056a11.73%2011.73%200%200%200%206.289%201.818c7.547%200%2011.673-6.157%2011.673-11.496l-.014-.523A8.1%208.1%200%200%200%2020%201.907%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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