twitter logo icon
twitter-logo-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- twitter-logo-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the twitter logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M251.09 67.41A12 12 0 0 0 240 60h-28.18a52.73 52.73 0 0 0-43.67-24a50.85 50.85 0 0 0-36.6 14.85A51.87 51.87 0 0 0 116 88v.78c-36.83-11.57-66.38-40.9-66.7-41.23a12 12 0 0 0-20.47 7.38c-6.31 70.17 24.65 107.79 42.06 123.12C56.4 192.83 36 200.68 35.8 200.76a12 12 0 0 0-5.8 17.9C32 221.55 43.44 236 80 236c72.25 0 132.7-55.26 139.6-126.63l28.88-28.88a12 12 0 0 0 2.61-13.08m-51.57 28.11a11.93 11.93 0 0 0-3.49 7.72C192.14 164.23 141.18 212 80 212a91 91 0 0 1-12.49-.79C78 204.55 89.72 195.07 98 182.66a12 12 0 0 0-3.9-17c-.12-.07-12.33-7.49-23.43-24.42s-17.26-37-18.46-59.78C69.37 94.4 96 110.79 126 115.84A12 12 0 0 0 140 104V88a28 28 0 0 1 8.41-20.07A27.07 27.07 0 0 1 167.86 60a28.83 28.83 0 0 1 25.82 16.81a12 12 0 0 0 11 7.19H211Z"/></svg>
React
import type { SVGProps } from "react";
export function PhTwitterLogoBold(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="M251.09 67.41A12 12 0 0 0 240 60h-28.18a52.73 52.73 0 0 0-43.67-24a50.85 50.85 0 0 0-36.6 14.85A51.87 51.87 0 0 0 116 88v.78c-36.83-11.57-66.38-40.9-66.7-41.23a12 12 0 0 0-20.47 7.38c-6.31 70.17 24.65 107.79 42.06 123.12C56.4 192.83 36 200.68 35.8 200.76a12 12 0 0 0-5.8 17.9C32 221.55 43.44 236 80 236c72.25 0 132.7-55.26 139.6-126.63l28.88-28.88a12 12 0 0 0 2.61-13.08m-51.57 28.11a11.93 11.93 0 0 0-3.49 7.72C192.14 164.23 141.18 212 80 212a91 91 0 0 1-12.49-.79C78 204.55 89.72 195.07 98 182.66a12 12 0 0 0-3.9-17c-.12-.07-12.33-7.49-23.43-24.42s-17.26-37-18.46-59.78C69.37 94.4 96 110.79 126 115.84A12 12 0 0 0 140 104V88a28 28 0 0 1 8.41-20.07A27.07 27.07 0 0 1 167.86 60a28.83 28.83 0 0 1 25.82 16.81a12 12 0 0 0 11 7.19H211Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M251.09 67.41A12 12 0 0 0 240 60h-28.18a52.73 52.73 0 0 0-43.67-24a50.85 50.85 0 0 0-36.6 14.85A51.87 51.87 0 0 0 116 88v.78c-36.83-11.57-66.38-40.9-66.7-41.23a12 12 0 0 0-20.47 7.38c-6.31 70.17 24.65 107.79 42.06 123.12C56.4 192.83 36 200.68 35.8 200.76a12 12 0 0 0-5.8 17.9C32 221.55 43.44 236 80 236c72.25 0 132.7-55.26 139.6-126.63l28.88-28.88a12 12 0 0 0 2.61-13.08m-51.57 28.11a11.93 11.93 0 0 0-3.49 7.72C192.14 164.23 141.18 212 80 212a91 91 0 0 1-12.49-.79C78 204.55 89.72 195.07 98 182.66a12 12 0 0 0-3.9-17c-.12-.07-12.33-7.49-23.43-24.42s-17.26-37-18.46-59.78C69.37 94.4 96 110.79 126 115.84A12 12 0 0 0 140 104V88a28 28 0 0 1 8.41-20.07A27.07 27.07 0 0 1 167.86 60a28.83 28.83 0 0 1 25.82 16.81a12 12 0 0 0 11 7.19H211Z"/></svg> </template>
CSS
.icon-twitter-logo-bold {
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%22M251.09%2067.41A12%2012%200%200%200%20240%2060h-28.18a52.73%2052.73%200%200%200-43.67-24a50.85%2050.85%200%200%200-36.6%2014.85A51.87%2051.87%200%200%200%20116%2088v.78c-36.83-11.57-66.38-40.9-66.7-41.23a12%2012%200%200%200-20.47%207.38c-6.31%2070.17%2024.65%20107.79%2042.06%20123.12C56.4%20192.83%2036%20200.68%2035.8%20200.76a12%2012%200%200%200-5.8%2017.9C32%20221.55%2043.44%20236%2080%20236c72.25%200%20132.7-55.26%20139.6-126.63l28.88-28.88a12%2012%200%200%200%202.61-13.08m-51.57%2028.11a11.93%2011.93%200%200%200-3.49%207.72C192.14%20164.23%20141.18%20212%2080%20212a91%2091%200%200%201-12.49-.79C78%20204.55%2089.72%20195.07%2098%20182.66a12%2012%200%200%200-3.9-17c-.12-.07-12.33-7.49-23.43-24.42s-17.26-37-18.46-59.78C69.37%2094.4%2096%20110.79%20126%20115.84A12%2012%200%200%200%20140%20104V88a28%2028%200%200%201%208.41-20.07A27.07%2027.07%200%200%201%20167.86%2060a28.83%2028.83%200%200%201%2025.82%2016.81a12%2012%200%200%200%2011%207.19H211Z%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%22M251.09%2067.41A12%2012%200%200%200%20240%2060h-28.18a52.73%2052.73%200%200%200-43.67-24a50.85%2050.85%200%200%200-36.6%2014.85A51.87%2051.87%200%200%200%20116%2088v.78c-36.83-11.57-66.38-40.9-66.7-41.23a12%2012%200%200%200-20.47%207.38c-6.31%2070.17%2024.65%20107.79%2042.06%20123.12C56.4%20192.83%2036%20200.68%2035.8%20200.76a12%2012%200%200%200-5.8%2017.9C32%20221.55%2043.44%20236%2080%20236c72.25%200%20132.7-55.26%20139.6-126.63l28.88-28.88a12%2012%200%200%200%202.61-13.08m-51.57%2028.11a11.93%2011.93%200%200%200-3.49%207.72C192.14%20164.23%20141.18%20212%2080%20212a91%2091%200%200%201-12.49-.79C78%20204.55%2089.72%20195.07%2098%20182.66a12%2012%200%200%200-3.9-17c-.12-.07-12.33-7.49-23.43-24.42s-17.26-37-18.46-59.78C69.37%2094.4%2096%20110.79%20126%20115.84A12%2012%200%200%200%20140%20104V88a28%2028%200%200%201%208.41-20.07A27.07%2027.07%200%200%201%20167.86%2060a28.83%2028.83%200%200%201%2025.82%2016.81a12%2012%200%200%200%2011%207.19H211Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/twitter-logo-bold.svg?color=%231a73e8&size=48
