twitter logo icon

5 other variants in Phosphor

The same icon in other sets

Use the twitter logo icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M243.7 70.47A4 4 0 0 0 240 68h-32.8a44.57 44.57 0 0 0-39.15-24a42.76 42.76 0 0 0-30.88 12.55A43.85 43.85 0 0 0 124 88v11.16c-43.65-9.39-80-45.6-80.39-46a4 4 0 0 0-4.19-.95a4 4 0 0 0-2.63 3.41c-4.2 46.62 9.27 77.71 21.31 95.59A103.7 103.7 0 0 0 82.35 177c-15.68 20.49-43.46 31.13-43.75 31.24a4 4 0 0 0-1.93 6c.27.4 2.79 4 9.54 7.36C54.73 225.84 66.1 228 80 228c69.09 0 126.73-53.56 131.89-122.23l30.94-30.94a4 4 0 0 0 .87-4.36m-38.53 30.7a4 4 0 0 0-1.16 2.58C199.85 168.94 145.38 220 80 220c-17.85 0-27.63-3.89-32.5-6.87c10.37-4.82 31.45-16.34 43.83-34.91a4 4 0 0 0 .56-3.12a3.93 3.93 0 0 0-1.89-2.55c-.13-.08-13.39-8-25.52-26.15C54 130.71 42.39 104.11 44.19 64.65c13.17 11.62 45.48 37 83.15 43.3a4 4 0 0 0 4.66-4V88a36 36 0 0 1 10.79-25.76A35 35 0 0 1 168 52c14.2.18 27.49 8.86 33.06 21.61a4 4 0 0 0 3.61 2.39h25.67Z"/></svg>

import type { SVGProps } from "react";

export function PhTwitterLogoThin(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M243.7 70.47A4 4 0 0 0 240 68h-32.8a44.57 44.57 0 0 0-39.15-24a42.76 42.76 0 0 0-30.88 12.55A43.85 43.85 0 0 0 124 88v11.16c-43.65-9.39-80-45.6-80.39-46a4 4 0 0 0-4.19-.95a4 4 0 0 0-2.63 3.41c-4.2 46.62 9.27 77.71 21.31 95.59A103.7 103.7 0 0 0 82.35 177c-15.68 20.49-43.46 31.13-43.75 31.24a4 4 0 0 0-1.93 6c.27.4 2.79 4 9.54 7.36C54.73 225.84 66.1 228 80 228c69.09 0 126.73-53.56 131.89-122.23l30.94-30.94a4 4 0 0 0 .87-4.36m-38.53 30.7a4 4 0 0 0-1.16 2.58C199.85 168.94 145.38 220 80 220c-17.85 0-27.63-3.89-32.5-6.87c10.37-4.82 31.45-16.34 43.83-34.91a4 4 0 0 0 .56-3.12a3.93 3.93 0 0 0-1.89-2.55c-.13-.08-13.39-8-25.52-26.15C54 130.71 42.39 104.11 44.19 64.65c13.17 11.62 45.48 37 83.15 43.3a4 4 0 0 0 4.66-4V88a36 36 0 0 1 10.79-25.76A35 35 0 0 1 168 52c14.2.18 27.49 8.86 33.06 21.61a4 4 0 0 0 3.61 2.39h25.67Z"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M243.7 70.47A4 4 0 0 0 240 68h-32.8a44.57 44.57 0 0 0-39.15-24a42.76 42.76 0 0 0-30.88 12.55A43.85 43.85 0 0 0 124 88v11.16c-43.65-9.39-80-45.6-80.39-46a4 4 0 0 0-4.19-.95a4 4 0 0 0-2.63 3.41c-4.2 46.62 9.27 77.71 21.31 95.59A103.7 103.7 0 0 0 82.35 177c-15.68 20.49-43.46 31.13-43.75 31.24a4 4 0 0 0-1.93 6c.27.4 2.79 4 9.54 7.36C54.73 225.84 66.1 228 80 228c69.09 0 126.73-53.56 131.89-122.23l30.94-30.94a4 4 0 0 0 .87-4.36m-38.53 30.7a4 4 0 0 0-1.16 2.58C199.85 168.94 145.38 220 80 220c-17.85 0-27.63-3.89-32.5-6.87c10.37-4.82 31.45-16.34 43.83-34.91a4 4 0 0 0 .56-3.12a3.93 3.93 0 0 0-1.89-2.55c-.13-.08-13.39-8-25.52-26.15C54 130.71 42.39 104.11 44.19 64.65c13.17 11.62 45.48 37 83.15 43.3a4 4 0 0 0 4.66-4V88a36 36 0 0 1 10.79-25.76A35 35 0 0 1 168 52c14.2.18 27.49 8.86 33.06 21.61a4 4 0 0 0 3.61 2.39h25.67Z"/></svg>
</template>

.icon-twitter-logo-thin {
  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%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M243.7%2070.47A4%204%200%200%200%20240%2068h-32.8a44.57%2044.57%200%200%200-39.15-24a42.76%2042.76%200%200%200-30.88%2012.55A43.85%2043.85%200%200%200%20124%2088v11.16c-43.65-9.39-80-45.6-80.39-46a4%204%200%200%200-4.19-.95a4%204%200%200%200-2.63%203.41c-4.2%2046.62%209.27%2077.71%2021.31%2095.59A103.7%20103.7%200%200%200%2082.35%20177c-15.68%2020.49-43.46%2031.13-43.75%2031.24a4%204%200%200%200-1.93%206c.27.4%202.79%204%209.54%207.36C54.73%20225.84%2066.1%20228%2080%20228c69.09%200%20126.73-53.56%20131.89-122.23l30.94-30.94a4%204%200%200%200%20.87-4.36m-38.53%2030.7a4%204%200%200%200-1.16%202.58C199.85%20168.94%20145.38%20220%2080%20220c-17.85%200-27.63-3.89-32.5-6.87c10.37-4.82%2031.45-16.34%2043.83-34.91a4%204%200%200%200%20.56-3.12a3.93%203.93%200%200%200-1.89-2.55c-.13-.08-13.39-8-25.52-26.15C54%20130.71%2042.39%20104.11%2044.19%2064.65c13.17%2011.62%2045.48%2037%2083.15%2043.3a4%204%200%200%200%204.66-4V88a36%2036%200%200%201%2010.79-25.76A35%2035%200%200%201%20168%2052c14.2.18%2027.49%208.86%2033.06%2021.61a4%204%200%200%200%203.61%202.39h25.67Z%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%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M243.7%2070.47A4%204%200%200%200%20240%2068h-32.8a44.57%2044.57%200%200%200-39.15-24a42.76%2042.76%200%200%200-30.88%2012.55A43.85%2043.85%200%200%200%20124%2088v11.16c-43.65-9.39-80-45.6-80.39-46a4%204%200%200%200-4.19-.95a4%204%200%200%200-2.63%203.41c-4.2%2046.62%209.27%2077.71%2021.31%2095.59A103.7%20103.7%200%200%200%2082.35%20177c-15.68%2020.49-43.46%2031.13-43.75%2031.24a4%204%200%200%200-1.93%206c.27.4%202.79%204%209.54%207.36C54.73%20225.84%2066.1%20228%2080%20228c69.09%200%20126.73-53.56%20131.89-122.23l30.94-30.94a4%204%200%200%200%20.87-4.36m-38.53%2030.7a4%204%200%200%200-1.16%202.58C199.85%20168.94%20145.38%20220%2080%20220c-17.85%200-27.63-3.89-32.5-6.87c10.37-4.82%2031.45-16.34%2043.83-34.91a4%204%200%200%200%20.56-3.12a3.93%203.93%200%200%200-1.89-2.55c-.13-.08-13.39-8-25.52-26.15C54%20130.71%2042.39%20104.11%2044.19%2064.65c13.17%2011.62%2045.48%2037%2083.15%2043.3a4%204%200%200%200%204.66-4V88a36%2036%200%200%201%2010.79-25.76A35%2035%200%200%201%20168%2052c14.2.18%2027.49%208.86%2033.06%2021.61a4%204%200%200%200%203.61%202.39h25.67Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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