threads logo icon
threads-logo-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- threads-logo-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the threads 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="M208 128c0 48-16 96-80 96s-80-48-80-96s16-96 80-96s80 48 80 96" opacity=".2"/><path d="M186.42 123.65a64 64 0 0 0-11.13-6.72c-4-29.89-24-39.31-33.1-42.07c-19.78-6-42.51 1.19-52.85 16.7a8 8 0 0 0 13.32 8.88c6.37-9.56 22-14.16 34.89-10.27c9.95 3 16.82 10.3 20.15 21a81 81 0 0 0-15.29-1.43c-13.92 0-26.95 3.59-36.67 10.1C94.3 127.57 88 139 88 152c0 20.58 15.86 35.52 37.71 35.52a48 48 0 0 0 34.35-14.81c6.44-6.7 14-18.36 15.61-37.1c.38.26.74.53 1.1.8C186.88 144.05 192 154.68 192 168c0 19.36-20.34 48-64 48c-26.73 0-45.48-8.65-57.34-26.44C60.93 175 56 154.26 56 128s4.93-47 14.66-61.56C82.52 48.65 101.27 40 128 40c32.93 0 54 13.25 64.53 40.52a8 8 0 1 0 14.93-5.75C194.68 41.56 167.2 24 128 24c-32 0-55.81 11.29-70.66 33.56C45.83 74.83 40 98.52 40 128s5.83 53.17 17.34 70.44C72.19 220.71 96 232 128 232c30.07 0 48.9-11.48 59.4-21.1C200.3 199.08 208 183 208 168c0-18.34-7.46-33.68-21.58-44.35m-37.89 38a31.94 31.94 0 0 1-22.82 9.9c-10.81 0-21.71-6-21.71-19.52c0-12.63 12-26.21 38.41-26.21a64 64 0 0 1 17.59 2.42c0 14.08-4 25.62-11.47 33.38Z"/></g></svg>
React
import type { SVGProps } from "react";
export function PhThreadsLogoDuotone(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="M208 128c0 48-16 96-80 96s-80-48-80-96s16-96 80-96s80 48 80 96" opacity=".2"/><path d="M186.42 123.65a64 64 0 0 0-11.13-6.72c-4-29.89-24-39.31-33.1-42.07c-19.78-6-42.51 1.19-52.85 16.7a8 8 0 0 0 13.32 8.88c6.37-9.56 22-14.16 34.89-10.27c9.95 3 16.82 10.3 20.15 21a81 81 0 0 0-15.29-1.43c-13.92 0-26.95 3.59-36.67 10.1C94.3 127.57 88 139 88 152c0 20.58 15.86 35.52 37.71 35.52a48 48 0 0 0 34.35-14.81c6.44-6.7 14-18.36 15.61-37.1c.38.26.74.53 1.1.8C186.88 144.05 192 154.68 192 168c0 19.36-20.34 48-64 48c-26.73 0-45.48-8.65-57.34-26.44C60.93 175 56 154.26 56 128s4.93-47 14.66-61.56C82.52 48.65 101.27 40 128 40c32.93 0 54 13.25 64.53 40.52a8 8 0 1 0 14.93-5.75C194.68 41.56 167.2 24 128 24c-32 0-55.81 11.29-70.66 33.56C45.83 74.83 40 98.52 40 128s5.83 53.17 17.34 70.44C72.19 220.71 96 232 128 232c30.07 0 48.9-11.48 59.4-21.1C200.3 199.08 208 183 208 168c0-18.34-7.46-33.68-21.58-44.35m-37.89 38a31.94 31.94 0 0 1-22.82 9.9c-10.81 0-21.71-6-21.71-19.52c0-12.63 12-26.21 38.41-26.21a64 64 0 0 1 17.59 2.42c0 14.08-4 25.62-11.47 33.38Z"/></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="M208 128c0 48-16 96-80 96s-80-48-80-96s16-96 80-96s80 48 80 96" opacity=".2"/><path d="M186.42 123.65a64 64 0 0 0-11.13-6.72c-4-29.89-24-39.31-33.1-42.07c-19.78-6-42.51 1.19-52.85 16.7a8 8 0 0 0 13.32 8.88c6.37-9.56 22-14.16 34.89-10.27c9.95 3 16.82 10.3 20.15 21a81 81 0 0 0-15.29-1.43c-13.92 0-26.95 3.59-36.67 10.1C94.3 127.57 88 139 88 152c0 20.58 15.86 35.52 37.71 35.52a48 48 0 0 0 34.35-14.81c6.44-6.7 14-18.36 15.61-37.1c.38.26.74.53 1.1.8C186.88 144.05 192 154.68 192 168c0 19.36-20.34 48-64 48c-26.73 0-45.48-8.65-57.34-26.44C60.93 175 56 154.26 56 128s4.93-47 14.66-61.56C82.52 48.65 101.27 40 128 40c32.93 0 54 13.25 64.53 40.52a8 8 0 1 0 14.93-5.75C194.68 41.56 167.2 24 128 24c-32 0-55.81 11.29-70.66 33.56C45.83 74.83 40 98.52 40 128s5.83 53.17 17.34 70.44C72.19 220.71 96 232 128 232c30.07 0 48.9-11.48 59.4-21.1C200.3 199.08 208 183 208 168c0-18.34-7.46-33.68-21.58-44.35m-37.89 38a31.94 31.94 0 0 1-22.82 9.9c-10.81 0-21.71-6-21.71-19.52c0-12.63 12-26.21 38.41-26.21a64 64 0 0 1 17.59 2.42c0 14.08-4 25.62-11.47 33.38Z"/></g></svg> </template>
CSS
.icon-threads-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%22M208%20128c0%2048-16%2096-80%2096s-80-48-80-96s16-96%2080-96s80%2048%2080%2096%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M186.42%20123.65a64%2064%200%200%200-11.13-6.72c-4-29.89-24-39.31-33.1-42.07c-19.78-6-42.51%201.19-52.85%2016.7a8%208%200%200%200%2013.32%208.88c6.37-9.56%2022-14.16%2034.89-10.27c9.95%203%2016.82%2010.3%2020.15%2021a81%2081%200%200%200-15.29-1.43c-13.92%200-26.95%203.59-36.67%2010.1C94.3%20127.57%2088%20139%2088%20152c0%2020.58%2015.86%2035.52%2037.71%2035.52a48%2048%200%200%200%2034.35-14.81c6.44-6.7%2014-18.36%2015.61-37.1c.38.26.74.53%201.1.8C186.88%20144.05%20192%20154.68%20192%20168c0%2019.36-20.34%2048-64%2048c-26.73%200-45.48-8.65-57.34-26.44C60.93%20175%2056%20154.26%2056%20128s4.93-47%2014.66-61.56C82.52%2048.65%20101.27%2040%20128%2040c32.93%200%2054%2013.25%2064.53%2040.52a8%208%200%201%200%2014.93-5.75C194.68%2041.56%20167.2%2024%20128%2024c-32%200-55.81%2011.29-70.66%2033.56C45.83%2074.83%2040%2098.52%2040%20128s5.83%2053.17%2017.34%2070.44C72.19%20220.71%2096%20232%20128%20232c30.07%200%2048.9-11.48%2059.4-21.1C200.3%20199.08%20208%20183%20208%20168c0-18.34-7.46-33.68-21.58-44.35m-37.89%2038a31.94%2031.94%200%200%201-22.82%209.9c-10.81%200-21.71-6-21.71-19.52c0-12.63%2012-26.21%2038.41-26.21a64%2064%200%200%201%2017.59%202.42c0%2014.08-4%2025.62-11.47%2033.38Z%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%22M208%20128c0%2048-16%2096-80%2096s-80-48-80-96s16-96%2080-96s80%2048%2080%2096%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22M186.42%20123.65a64%2064%200%200%200-11.13-6.72c-4-29.89-24-39.31-33.1-42.07c-19.78-6-42.51%201.19-52.85%2016.7a8%208%200%200%200%2013.32%208.88c6.37-9.56%2022-14.16%2034.89-10.27c9.95%203%2016.82%2010.3%2020.15%2021a81%2081%200%200%200-15.29-1.43c-13.92%200-26.95%203.59-36.67%2010.1C94.3%20127.57%2088%20139%2088%20152c0%2020.58%2015.86%2035.52%2037.71%2035.52a48%2048%200%200%200%2034.35-14.81c6.44-6.7%2014-18.36%2015.61-37.1c.38.26.74.53%201.1.8C186.88%20144.05%20192%20154.68%20192%20168c0%2019.36-20.34%2048-64%2048c-26.73%200-45.48-8.65-57.34-26.44C60.93%20175%2056%20154.26%2056%20128s4.93-47%2014.66-61.56C82.52%2048.65%20101.27%2040%20128%2040c32.93%200%2054%2013.25%2064.53%2040.52a8%208%200%201%200%2014.93-5.75C194.68%2041.56%20167.2%2024%20128%2024c-32%200-55.81%2011.29-70.66%2033.56C45.83%2074.83%2040%2098.52%2040%20128s5.83%2053.17%2017.34%2070.44C72.19%20220.71%2096%20232%20128%20232c30.07%200%2048.9-11.48%2059.4-21.1C200.3%20199.08%20208%20183%20208%20168c0-18.34-7.46-33.68-21.58-44.35m-37.89%2038a31.94%2031.94%200%200%201-22.82%209.9c-10.81%200-21.71-6-21.71-19.52c0-12.63%2012-26.21%2038.41-26.21a64%2064%200%200%201%2017.59%202.42c0%2014.08-4%2025.62-11.47%2033.38Z%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/threads-logo-duotone.svg?color=%231a73e8&size=48
