square twitter logo
square-twitter from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- square-twitter
- Set
- Font Awesome 6 Brands
- Style
- Regular
- Viewbox
- 448×512
- License
- CC BY 4.0
- Aliases
- twitter-square
The same logo in other sets
Related icons in Font Awesome 6 Brands
square-behancesquare-blueskysquare-dribbblesquare-facebooksquare-font-awesomesquare-font-awesome-strokesquare-gitsquare-githubsquare-gitlabsquare-google-plussquare-hacker-newssquare-instagramsquare-jssquare-lastfmsquare-letterboxdsquare-odnoklassnikisquare-pied-pipersquare-pinterestsquare-redditsquare-snapchatsquare-steamsquare-threadssquare-tumblrsquare-upwork
Use the square twitter logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-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 Fa6BrandsSquareTwitter(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-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 448 512"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-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-square-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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64V96c0-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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096v320c0%2035.3%2028.7%2064%2064%2064h320c35.3%200%2064-28.7%2064-64V96c0-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/fa6-brands/square-twitter.svg?color=%231a73e8&size=48
