twitter logo icon
twitter-logo-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- twitter-logo-duotone
- Set
- Phosphor
- Style
- Duotone
- 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"><g fill="currentColor"><path d="m240 72l-32 32c-4.26 66.84-60.08 120-128 120c-32 0-40-12-40-12s32-12 48-36c0 0-55.15-32-47.22-120c0 0 39.66 40 87.22 48V88c0-22 18-40.27 40-40a40.74 40.74 0 0 1 36.67 24Z" opacity=".2"/><path d="M247.39 68.94A8 8 0 0 0 240 64h-30.43a48.65 48.65 0 0 0-41.47-24a46.87 46.87 0 0 0-33.74 13.7A47.87 47.87 0 0 0 120 88v6.09C79.74 83.47 46.81 50.72 46.46 50.37a8 8 0 0 0-13.65 4.92c-4.3 47.79 9.57 79.77 22 98.18a111 111 0 0 0 21.89 24.2c-15.27 17.53-39.25 26.74-39.5 26.84a8 8 0 0 0-3.85 11.93c.74 1.12 3.75 5.05 11.08 8.72C53.51 229.7 65.48 232 80 232c70.68 0 129.72-54.42 135.76-124.44l29.9-29.9a8 8 0 0 0 1.73-8.72m-45 29.41a8 8 0 0 0-2.32 5.14C196 166.58 143.28 216 80 216c-10.56 0-18-1.4-23.22-3.08c11.52-6.25 27.56-17 37.88-32.48a8 8 0 0 0-2.61-11.34c-.13-.08-12.86-7.74-24.48-25.29C54.54 124.11 48 100.38 48 73.09c16 13 45.25 33.18 78.69 38.8A8 8 0 0 0 136 104V88a32 32 0 0 1 9.6-22.92A30.9 30.9 0 0 1 167.9 56c12.66.16 24.49 7.88 29.44 19.21a8 8 0 0 0 7.33 4.79h16Z"/></g></svg>
React
import type { SVGProps } from "react";
export function PhTwitterLogoDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m240 72l-32 32c-4.26 66.84-60.08 120-128 120c-32 0-40-12-40-12s32-12 48-36c0 0-55.15-32-47.22-120c0 0 39.66 40 87.22 48V88c0-22 18-40.27 40-40a40.74 40.74 0 0 1 36.67 24Z" opacity=".2"/><path d="M247.39 68.94A8 8 0 0 0 240 64h-30.43a48.65 48.65 0 0 0-41.47-24a46.87 46.87 0 0 0-33.74 13.7A47.87 47.87 0 0 0 120 88v6.09C79.74 83.47 46.81 50.72 46.46 50.37a8 8 0 0 0-13.65 4.92c-4.3 47.79 9.57 79.77 22 98.18a111 111 0 0 0 21.89 24.2c-15.27 17.53-39.25 26.74-39.5 26.84a8 8 0 0 0-3.85 11.93c.74 1.12 3.75 5.05 11.08 8.72C53.51 229.7 65.48 232 80 232c70.68 0 129.72-54.42 135.76-124.44l29.9-29.9a8 8 0 0 0 1.73-8.72m-45 29.41a8 8 0 0 0-2.32 5.14C196 166.58 143.28 216 80 216c-10.56 0-18-1.4-23.22-3.08c11.52-6.25 27.56-17 37.88-32.48a8 8 0 0 0-2.61-11.34c-.13-.08-12.86-7.74-24.48-25.29C54.54 124.11 48 100.38 48 73.09c16 13 45.25 33.18 78.69 38.8A8 8 0 0 0 136 104V88a32 32 0 0 1 9.6-22.92A30.9 30.9 0 0 1 167.9 56c12.66.16 24.49 7.88 29.44 19.21a8 8 0 0 0 7.33 4.79h16Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m240 72l-32 32c-4.26 66.84-60.08 120-128 120c-32 0-40-12-40-12s32-12 48-36c0 0-55.15-32-47.22-120c0 0 39.66 40 87.22 48V88c0-22 18-40.27 40-40a40.74 40.74 0 0 1 36.67 24Z" opacity=".2"/><path d="M247.39 68.94A8 8 0 0 0 240 64h-30.43a48.65 48.65 0 0 0-41.47-24a46.87 46.87 0 0 0-33.74 13.7A47.87 47.87 0 0 0 120 88v6.09C79.74 83.47 46.81 50.72 46.46 50.37a8 8 0 0 0-13.65 4.92c-4.3 47.79 9.57 79.77 22 98.18a111 111 0 0 0 21.89 24.2c-15.27 17.53-39.25 26.74-39.5 26.84a8 8 0 0 0-3.85 11.93c.74 1.12 3.75 5.05 11.08 8.72C53.51 229.7 65.48 232 80 232c70.68 0 129.72-54.42 135.76-124.44l29.9-29.9a8 8 0 0 0 1.73-8.72m-45 29.41a8 8 0 0 0-2.32 5.14C196 166.58 143.28 216 80 216c-10.56 0-18-1.4-23.22-3.08c11.52-6.25 27.56-17 37.88-32.48a8 8 0 0 0-2.61-11.34c-.13-.08-12.86-7.74-24.48-25.29C54.54 124.11 48 100.38 48 73.09c16 13 45.25 33.18 78.69 38.8A8 8 0 0 0 136 104V88a32 32 0 0 1 9.6-22.92A30.9 30.9 0 0 1 167.9 56c12.66.16 24.49 7.88 29.44 19.21a8 8 0 0 0 7.33 4.79h16Z"/></g></svg> </template>
CSS
.icon-twitter-logo-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m240%2072l-32%2032c-4.26%2066.84-60.08%20120-128%20120c-32%200-40-12-40-12s32-12%2048-36c0%200-55.15-32-47.22-120c0%200%2039.66%2040%2087.22%2048V88c0-22%2018-40.27%2040-40a40.74%2040.74%200%200%201%2036.67%2024Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M247.39%2068.94A8%208%200%200%200%20240%2064h-30.43a48.65%2048.65%200%200%200-41.47-24a46.87%2046.87%200%200%200-33.74%2013.7A47.87%2047.87%200%200%200%20120%2088v6.09C79.74%2083.47%2046.81%2050.72%2046.46%2050.37a8%208%200%200%200-13.65%204.92c-4.3%2047.79%209.57%2079.77%2022%2098.18a111%20111%200%200%200%2021.89%2024.2c-15.27%2017.53-39.25%2026.74-39.5%2026.84a8%208%200%200%200-3.85%2011.93c.74%201.12%203.75%205.05%2011.08%208.72C53.51%20229.7%2065.48%20232%2080%20232c70.68%200%20129.72-54.42%20135.76-124.44l29.9-29.9a8%208%200%200%200%201.73-8.72m-45%2029.41a8%208%200%200%200-2.32%205.14C196%20166.58%20143.28%20216%2080%20216c-10.56%200-18-1.4-23.22-3.08c11.52-6.25%2027.56-17%2037.88-32.48a8%208%200%200%200-2.61-11.34c-.13-.08-12.86-7.74-24.48-25.29C54.54%20124.11%2048%20100.38%2048%2073.09c16%2013%2045.25%2033.18%2078.69%2038.8A8%208%200%200%200%20136%20104V88a32%2032%200%200%201%209.6-22.92A30.9%2030.9%200%200%201%20167.9%2056c12.66.16%2024.49%207.88%2029.44%2019.21a8%208%200%200%200%207.33%204.79h16Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m240%2072l-32%2032c-4.26%2066.84-60.08%20120-128%20120c-32%200-40-12-40-12s32-12%2048-36c0%200-55.15-32-47.22-120c0%200%2039.66%2040%2087.22%2048V88c0-22%2018-40.27%2040-40a40.74%2040.74%200%200%201%2036.67%2024Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M247.39%2068.94A8%208%200%200%200%20240%2064h-30.43a48.65%2048.65%200%200%200-41.47-24a46.87%2046.87%200%200%200-33.74%2013.7A47.87%2047.87%200%200%200%20120%2088v6.09C79.74%2083.47%2046.81%2050.72%2046.46%2050.37a8%208%200%200%200-13.65%204.92c-4.3%2047.79%209.57%2079.77%2022%2098.18a111%20111%200%200%200%2021.89%2024.2c-15.27%2017.53-39.25%2026.74-39.5%2026.84a8%208%200%200%200-3.85%2011.93c.74%201.12%203.75%205.05%2011.08%208.72C53.51%20229.7%2065.48%20232%2080%20232c70.68%200%20129.72-54.42%20135.76-124.44l29.9-29.9a8%208%200%200%200%201.73-8.72m-45%2029.41a8%208%200%200%200-2.32%205.14C196%20166.58%20143.28%20216%2080%20216c-10.56%200-18-1.4-23.22-3.08c11.52-6.25%2027.56-17%2037.88-32.48a8%208%200%200%200-2.61-11.34c-.13-.08-12.86-7.74-24.48-25.29C54.54%20124.11%2048%20100.38%2048%2073.09c16%2013%2045.25%2033.18%2078.69%2038.8A8%208%200%200%200%20136%20104V88a32%2032%200%200%201%209.6-22.92A30.9%2030.9%200%200%201%20167.9%2056c12.66.16%2024.49%207.88%2029.44%2019.21a8%208%200%200%200%207.33%204.79h16Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/twitter-logo-duotone.svg?color=%231a73e8&size=48
