threads logo icon
threads-logo-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- threads-logo-thin
- Set
- Phosphor
- Style
- Thin
- 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"><path fill="currentColor" d="M184 126.84a59.8 59.8 0 0 0-12.42-7.16c-3-29.38-22-38.4-30.56-41c-18.16-5.5-39 1-48.36 15.09a4 4 0 0 0 6.66 4.44c7.4-11.1 24.7-16.32 39.38-11.87c8.12 2.45 20.95 9.6 24.41 30.32a75.8 75.8 0 0 0-20.71-2.88c-13.14 0-25.37 3.34-34.44 9.43c-10.45 7-16 17-16 28.78c0 20.7 17 31.52 33.71 31.52a44 44 0 0 0 31.47-13.58c9.56-9.94 14.68-24.19 14.82-41.23a50 50 0 0 1 7.19 4.51c11 8.32 16.81 20.34 16.81 34.78c0 11.73-6.25 24.46-16.7 34.05c-8.9 8.2-25.05 17.96-51.26 17.96c-50.43 0-76-30.95-76-92s25.57-92 76-92c34.29 0 57.26 14.5 68.27 43.08a4 4 0 1 0 7.46-2.87C191.42 44.22 165.94 28 128 28c-54.95 0-84 34.58-84 100s29.05 100 84 100c28.79 0 46.72-10.9 56.7-20.05c12.09-11.08 19.3-26 19.3-39.95c0-17-6.91-31.27-20-41.16m-32.6 37.55a35.92 35.92 0 0 1-25.7 11.13c-12.38 0-25.71-7.36-25.71-23.52c0-20.76 22-30.21 42.41-30.21a67.1 67.1 0 0 1 21.6 3.51c0 .88.05 1.78.05 2.7c-.05 15.25-4.4 27.83-12.64 36.39Z"/></svg>
React
import type { SVGProps } from "react";
export function PhThreadsLogoThin(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="M184 126.84a59.8 59.8 0 0 0-12.42-7.16c-3-29.38-22-38.4-30.56-41c-18.16-5.5-39 1-48.36 15.09a4 4 0 0 0 6.66 4.44c7.4-11.1 24.7-16.32 39.38-11.87c8.12 2.45 20.95 9.6 24.41 30.32a75.8 75.8 0 0 0-20.71-2.88c-13.14 0-25.37 3.34-34.44 9.43c-10.45 7-16 17-16 28.78c0 20.7 17 31.52 33.71 31.52a44 44 0 0 0 31.47-13.58c9.56-9.94 14.68-24.19 14.82-41.23a50 50 0 0 1 7.19 4.51c11 8.32 16.81 20.34 16.81 34.78c0 11.73-6.25 24.46-16.7 34.05c-8.9 8.2-25.05 17.96-51.26 17.96c-50.43 0-76-30.95-76-92s25.57-92 76-92c34.29 0 57.26 14.5 68.27 43.08a4 4 0 1 0 7.46-2.87C191.42 44.22 165.94 28 128 28c-54.95 0-84 34.58-84 100s29.05 100 84 100c28.79 0 46.72-10.9 56.7-20.05c12.09-11.08 19.3-26 19.3-39.95c0-17-6.91-31.27-20-41.16m-32.6 37.55a35.92 35.92 0 0 1-25.7 11.13c-12.38 0-25.71-7.36-25.71-23.52c0-20.76 22-30.21 42.41-30.21a67.1 67.1 0 0 1 21.6 3.51c0 .88.05 1.78.05 2.7c-.05 15.25-4.4 27.83-12.64 36.39Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M184 126.84a59.8 59.8 0 0 0-12.42-7.16c-3-29.38-22-38.4-30.56-41c-18.16-5.5-39 1-48.36 15.09a4 4 0 0 0 6.66 4.44c7.4-11.1 24.7-16.32 39.38-11.87c8.12 2.45 20.95 9.6 24.41 30.32a75.8 75.8 0 0 0-20.71-2.88c-13.14 0-25.37 3.34-34.44 9.43c-10.45 7-16 17-16 28.78c0 20.7 17 31.52 33.71 31.52a44 44 0 0 0 31.47-13.58c9.56-9.94 14.68-24.19 14.82-41.23a50 50 0 0 1 7.19 4.51c11 8.32 16.81 20.34 16.81 34.78c0 11.73-6.25 24.46-16.7 34.05c-8.9 8.2-25.05 17.96-51.26 17.96c-50.43 0-76-30.95-76-92s25.57-92 76-92c34.29 0 57.26 14.5 68.27 43.08a4 4 0 1 0 7.46-2.87C191.42 44.22 165.94 28 128 28c-54.95 0-84 34.58-84 100s29.05 100 84 100c28.79 0 46.72-10.9 56.7-20.05c12.09-11.08 19.3-26 19.3-39.95c0-17-6.91-31.27-20-41.16m-32.6 37.55a35.92 35.92 0 0 1-25.7 11.13c-12.38 0-25.71-7.36-25.71-23.52c0-20.76 22-30.21 42.41-30.21a67.1 67.1 0 0 1 21.6 3.51c0 .88.05 1.78.05 2.7c-.05 15.25-4.4 27.83-12.64 36.39Z"/></svg> </template>
CSS
.icon-threads-logo-thin {
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%22M184%20126.84a59.8%2059.8%200%200%200-12.42-7.16c-3-29.38-22-38.4-30.56-41c-18.16-5.5-39%201-48.36%2015.09a4%204%200%200%200%206.66%204.44c7.4-11.1%2024.7-16.32%2039.38-11.87c8.12%202.45%2020.95%209.6%2024.41%2030.32a75.8%2075.8%200%200%200-20.71-2.88c-13.14%200-25.37%203.34-34.44%209.43c-10.45%207-16%2017-16%2028.78c0%2020.7%2017%2031.52%2033.71%2031.52a44%2044%200%200%200%2031.47-13.58c9.56-9.94%2014.68-24.19%2014.82-41.23a50%2050%200%200%201%207.19%204.51c11%208.32%2016.81%2020.34%2016.81%2034.78c0%2011.73-6.25%2024.46-16.7%2034.05c-8.9%208.2-25.05%2017.96-51.26%2017.96c-50.43%200-76-30.95-76-92s25.57-92%2076-92c34.29%200%2057.26%2014.5%2068.27%2043.08a4%204%200%201%200%207.46-2.87C191.42%2044.22%20165.94%2028%20128%2028c-54.95%200-84%2034.58-84%20100s29.05%20100%2084%20100c28.79%200%2046.72-10.9%2056.7-20.05c12.09-11.08%2019.3-26%2019.3-39.95c0-17-6.91-31.27-20-41.16m-32.6%2037.55a35.92%2035.92%200%200%201-25.7%2011.13c-12.38%200-25.71-7.36-25.71-23.52c0-20.76%2022-30.21%2042.41-30.21a67.1%2067.1%200%200%201%2021.6%203.51c0%20.88.05%201.78.05%202.7c-.05%2015.25-4.4%2027.83-12.64%2036.39Z%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%22M184%20126.84a59.8%2059.8%200%200%200-12.42-7.16c-3-29.38-22-38.4-30.56-41c-18.16-5.5-39%201-48.36%2015.09a4%204%200%200%200%206.66%204.44c7.4-11.1%2024.7-16.32%2039.38-11.87c8.12%202.45%2020.95%209.6%2024.41%2030.32a75.8%2075.8%200%200%200-20.71-2.88c-13.14%200-25.37%203.34-34.44%209.43c-10.45%207-16%2017-16%2028.78c0%2020.7%2017%2031.52%2033.71%2031.52a44%2044%200%200%200%2031.47-13.58c9.56-9.94%2014.68-24.19%2014.82-41.23a50%2050%200%200%201%207.19%204.51c11%208.32%2016.81%2020.34%2016.81%2034.78c0%2011.73-6.25%2024.46-16.7%2034.05c-8.9%208.2-25.05%2017.96-51.26%2017.96c-50.43%200-76-30.95-76-92s25.57-92%2076-92c34.29%200%2057.26%2014.5%2068.27%2043.08a4%204%200%201%200%207.46-2.87C191.42%2044.22%20165.94%2028%20128%2028c-54.95%200-84%2034.58-84%20100s29.05%20100%2084%20100c28.79%200%2046.72-10.9%2056.7-20.05c12.09-11.08%2019.3-26%2019.3-39.95c0-17-6.91-31.27-20-41.16m-32.6%2037.55a35.92%2035.92%200%200%201-25.7%2011.13c-12.38%200-25.71-7.36-25.71-23.52c0-20.76%2022-30.21%2042.41-30.21a67.1%2067.1%200%200%201%2021.6%203.51c0%20.88.05%201.78.05%202.7c-.05%2015.25-4.4%2027.83-12.64%2036.39Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/threads-logo-thin.svg?color=%231a73e8&size=48
