twitter square logo

twitter-square from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: twitter-square
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

twitter-square-filledAnt Design Icons twitter-squareHuge Icons twitter-squareJam Icons twitter-squareLine Awesome

Use the twitter square logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M160 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zm287.3 167.3c0 86.7-66 186.6-186.6 186.6c-37.2 0-71.7-10.8-100.7-29.4c5.3.6 10.4.8 15.8.8c30.7 0 58.9-10.4 81.4-28c-28.8-.6-53-19.5-61.3-45.5c10.1 1.5 19.2 1.5 29.6-1.2c-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3c-9-6-16.4-14.1-21.5-23.6s-7.8-20.2-7.7-31c0-12.2 3.2-23.4 8.9-33.1c32.3 39.8 80.8 65.8 135.2 68.6c-9.3-44.5 24-80.6 64-80.6c18.9 0 35.9 7.9 47.9 20.7c14.8-2.8 29-8.3 41.6-15.8c-4.9 15.2-15.2 28-28.8 36.1c13.2-1.4 26-5.1 37.8-10.2c-8.9 13.1-20.1 24.7-32.9 34c.2 2.8.2 5.7.2 8.5"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsTwitterSquare(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M160 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zm287.3 167.3c0 86.7-66 186.6-186.6 186.6c-37.2 0-71.7-10.8-100.7-29.4c5.3.6 10.4.8 15.8.8c30.7 0 58.9-10.4 81.4-28c-28.8-.6-53-19.5-61.3-45.5c10.1 1.5 19.2 1.5 29.6-1.2c-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3c-9-6-16.4-14.1-21.5-23.6s-7.8-20.2-7.7-31c0-12.2 3.2-23.4 8.9-33.1c32.3 39.8 80.8 65.8 135.2 68.6c-9.3-44.5 24-80.6 64-80.6c18.9 0 35.9 7.9 47.9 20.7c14.8-2.8 29-8.3 41.6-15.8c-4.9 15.2-15.2 28-28.8 36.1c13.2-1.4 26-5.1 37.8-10.2c-8.9 13.1-20.1 24.7-32.9 34c.2 2.8.2 5.7.2 8.5"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M160 96c-35.3 0-64 28.7-64 64v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64zm287.3 167.3c0 86.7-66 186.6-186.6 186.6c-37.2 0-71.7-10.8-100.7-29.4c5.3.6 10.4.8 15.8.8c30.7 0 58.9-10.4 81.4-28c-28.8-.6-53-19.5-61.3-45.5c10.1 1.5 19.2 1.5 29.6-1.2c-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3c-9-6-16.4-14.1-21.5-23.6s-7.8-20.2-7.7-31c0-12.2 3.2-23.4 8.9-33.1c32.3 39.8 80.8 65.8 135.2 68.6c-9.3-44.5 24-80.6 64-80.6c18.9 0 35.9 7.9 47.9 20.7c14.8-2.8 29-8.3 41.6-15.8c-4.9 15.2-15.2 28-28.8 36.1c13.2-1.4 26-5.1 37.8-10.2c-8.9 13.1-20.1 24.7-32.9 34c.2 2.8.2 5.7.2 8.5"/></svg>
</template>

CSS

.icon-twitter-square {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%2096c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64zm287.3%20167.3c0%2086.7-66%20186.6-186.6%20186.6c-37.2%200-71.7-10.8-100.7-29.4c5.3.6%2010.4.8%2015.8.8c30.7%200%2058.9-10.4%2081.4-28c-28.8-.6-53-19.5-61.3-45.5c10.1%201.5%2019.2%201.5%2029.6-1.2c-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7%204.9%2018.9%207.9%2029.6%208.3c-9-6-16.4-14.1-21.5-23.6s-7.8-20.2-7.7-31c0-12.2%203.2-23.4%208.9-33.1c32.3%2039.8%2080.8%2065.8%20135.2%2068.6c-9.3-44.5%2024-80.6%2064-80.6c18.9%200%2035.9%207.9%2047.9%2020.7c14.8-2.8%2029-8.3%2041.6-15.8c-4.9%2015.2-15.2%2028-28.8%2036.1c13.2-1.4%2026-5.1%2037.8-10.2c-8.9%2013.1-20.1%2024.7-32.9%2034c.2%202.8.2%205.7.2%208.5%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%2096c-35.3%200-64%2028.7-64%2064v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64V160c0-35.3-28.7-64-64-64zm287.3%20167.3c0%2086.7-66%20186.6-186.6%20186.6c-37.2%200-71.7-10.8-100.7-29.4c5.3.6%2010.4.8%2015.8.8c30.7%200%2058.9-10.4%2081.4-28c-28.8-.6-53-19.5-61.3-45.5c10.1%201.5%2019.2%201.5%2029.6-1.2c-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7%204.9%2018.9%207.9%2029.6%208.3c-9-6-16.4-14.1-21.5-23.6s-7.8-20.2-7.7-31c0-12.2%203.2-23.4%208.9-33.1c32.3%2039.8%2080.8%2065.8%20135.2%2068.6c-9.3-44.5%2024-80.6%2064-80.6c18.9%200%2035.9%207.9%2047.9%2020.7c14.8-2.8%2029-8.3%2041.6-15.8c-4.9%2015.2-15.2%2028-28.8%2036.1c13.2-1.4%2026-5.1%2037.8-10.2c-8.9%2013.1-20.1%2024.7-32.9%2034c.2%202.8.2%205.7.2%208.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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