threads logo icon
threads-logo-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- threads-logo-fill
- Set
- Phosphor
- Style
- Fill
- 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="M138.62 128a53.5 53.5 0 0 1 13.1 1.63c-.57 8.21-3.34 15-8.11 19.61A23.9 23.9 0 0 1 127 156c-11.87 0-15-7.58-15-12.07C112 133 125.8 128 138.62 128m85.38 0c0 65.12-35.89 104-96 104s-96-38.88-96-104S67.89 24 128 24s96 38.88 96 104m-152 0c0-43.07 18.32-64 56-64c26.34 0 43 10.08 50.81 30.83a8 8 0 0 0 15-5.66C180.9 55.14 150.9 48 128 48c-26.1 0-45.52 8.7-57.72 25.86C60.8 87.19 56 105.4 56 128s4.8 40.81 14.28 54.14C82.48 199.3 101.9 208 128 208c24.45 0 39.82-8.8 48.41-16.18c10.76-9.25 17.19-21.89 17.19-33.82c0-14.3-6.59-26.79-18.56-35.17a54 54 0 0 0-7.77-4.5c-2.09-14.65-10-25.75-22.34-31.07c-14.5-6.26-32.93-3.33-43.72 6.93a8 8 0 0 0 11 11.62c5.43-5.14 16.79-8 26.4-3.85a20.05 20.05 0 0 1 10.77 10.92a69 69 0 0 0-10.76-.85C113.53 112 96 125.15 96 143.93C96 160.2 109 172 127 172a40 40 0 0 0 27.75-11.29c4.7-4.59 10.11-12.2 12.17-24A25.55 25.55 0 0 1 177.6 158c0 13.71-15.76 34-49.6 34c-37.68 0-56-20.93-56-64"/></svg>
React
import type { SVGProps } from "react";
export function PhThreadsLogoFill(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="M138.62 128a53.5 53.5 0 0 1 13.1 1.63c-.57 8.21-3.34 15-8.11 19.61A23.9 23.9 0 0 1 127 156c-11.87 0-15-7.58-15-12.07C112 133 125.8 128 138.62 128m85.38 0c0 65.12-35.89 104-96 104s-96-38.88-96-104S67.89 24 128 24s96 38.88 96 104m-152 0c0-43.07 18.32-64 56-64c26.34 0 43 10.08 50.81 30.83a8 8 0 0 0 15-5.66C180.9 55.14 150.9 48 128 48c-26.1 0-45.52 8.7-57.72 25.86C60.8 87.19 56 105.4 56 128s4.8 40.81 14.28 54.14C82.48 199.3 101.9 208 128 208c24.45 0 39.82-8.8 48.41-16.18c10.76-9.25 17.19-21.89 17.19-33.82c0-14.3-6.59-26.79-18.56-35.17a54 54 0 0 0-7.77-4.5c-2.09-14.65-10-25.75-22.34-31.07c-14.5-6.26-32.93-3.33-43.72 6.93a8 8 0 0 0 11 11.62c5.43-5.14 16.79-8 26.4-3.85a20.05 20.05 0 0 1 10.77 10.92a69 69 0 0 0-10.76-.85C113.53 112 96 125.15 96 143.93C96 160.2 109 172 127 172a40 40 0 0 0 27.75-11.29c4.7-4.59 10.11-12.2 12.17-24A25.55 25.55 0 0 1 177.6 158c0 13.71-15.76 34-49.6 34c-37.68 0-56-20.93-56-64"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M138.62 128a53.5 53.5 0 0 1 13.1 1.63c-.57 8.21-3.34 15-8.11 19.61A23.9 23.9 0 0 1 127 156c-11.87 0-15-7.58-15-12.07C112 133 125.8 128 138.62 128m85.38 0c0 65.12-35.89 104-96 104s-96-38.88-96-104S67.89 24 128 24s96 38.88 96 104m-152 0c0-43.07 18.32-64 56-64c26.34 0 43 10.08 50.81 30.83a8 8 0 0 0 15-5.66C180.9 55.14 150.9 48 128 48c-26.1 0-45.52 8.7-57.72 25.86C60.8 87.19 56 105.4 56 128s4.8 40.81 14.28 54.14C82.48 199.3 101.9 208 128 208c24.45 0 39.82-8.8 48.41-16.18c10.76-9.25 17.19-21.89 17.19-33.82c0-14.3-6.59-26.79-18.56-35.17a54 54 0 0 0-7.77-4.5c-2.09-14.65-10-25.75-22.34-31.07c-14.5-6.26-32.93-3.33-43.72 6.93a8 8 0 0 0 11 11.62c5.43-5.14 16.79-8 26.4-3.85a20.05 20.05 0 0 1 10.77 10.92a69 69 0 0 0-10.76-.85C113.53 112 96 125.15 96 143.93C96 160.2 109 172 127 172a40 40 0 0 0 27.75-11.29c4.7-4.59 10.11-12.2 12.17-24A25.55 25.55 0 0 1 177.6 158c0 13.71-15.76 34-49.6 34c-37.68 0-56-20.93-56-64"/></svg> </template>
CSS
.icon-threads-logo-fill {
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%22M138.62%20128a53.5%2053.5%200%200%201%2013.1%201.63c-.57%208.21-3.34%2015-8.11%2019.61A23.9%2023.9%200%200%201%20127%20156c-11.87%200-15-7.58-15-12.07C112%20133%20125.8%20128%20138.62%20128m85.38%200c0%2065.12-35.89%20104-96%20104s-96-38.88-96-104S67.89%2024%20128%2024s96%2038.88%2096%20104m-152%200c0-43.07%2018.32-64%2056-64c26.34%200%2043%2010.08%2050.81%2030.83a8%208%200%200%200%2015-5.66C180.9%2055.14%20150.9%2048%20128%2048c-26.1%200-45.52%208.7-57.72%2025.86C60.8%2087.19%2056%20105.4%2056%20128s4.8%2040.81%2014.28%2054.14C82.48%20199.3%20101.9%20208%20128%20208c24.45%200%2039.82-8.8%2048.41-16.18c10.76-9.25%2017.19-21.89%2017.19-33.82c0-14.3-6.59-26.79-18.56-35.17a54%2054%200%200%200-7.77-4.5c-2.09-14.65-10-25.75-22.34-31.07c-14.5-6.26-32.93-3.33-43.72%206.93a8%208%200%200%200%2011%2011.62c5.43-5.14%2016.79-8%2026.4-3.85a20.05%2020.05%200%200%201%2010.77%2010.92a69%2069%200%200%200-10.76-.85C113.53%20112%2096%20125.15%2096%20143.93C96%20160.2%20109%20172%20127%20172a40%2040%200%200%200%2027.75-11.29c4.7-4.59%2010.11-12.2%2012.17-24A25.55%2025.55%200%200%201%20177.6%20158c0%2013.71-15.76%2034-49.6%2034c-37.68%200-56-20.93-56-64%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%22M138.62%20128a53.5%2053.5%200%200%201%2013.1%201.63c-.57%208.21-3.34%2015-8.11%2019.61A23.9%2023.9%200%200%201%20127%20156c-11.87%200-15-7.58-15-12.07C112%20133%20125.8%20128%20138.62%20128m85.38%200c0%2065.12-35.89%20104-96%20104s-96-38.88-96-104S67.89%2024%20128%2024s96%2038.88%2096%20104m-152%200c0-43.07%2018.32-64%2056-64c26.34%200%2043%2010.08%2050.81%2030.83a8%208%200%200%200%2015-5.66C180.9%2055.14%20150.9%2048%20128%2048c-26.1%200-45.52%208.7-57.72%2025.86C60.8%2087.19%2056%20105.4%2056%20128s4.8%2040.81%2014.28%2054.14C82.48%20199.3%20101.9%20208%20128%20208c24.45%200%2039.82-8.8%2048.41-16.18c10.76-9.25%2017.19-21.89%2017.19-33.82c0-14.3-6.59-26.79-18.56-35.17a54%2054%200%200%200-7.77-4.5c-2.09-14.65-10-25.75-22.34-31.07c-14.5-6.26-32.93-3.33-43.72%206.93a8%208%200%200%200%2011%2011.62c5.43-5.14%2016.79-8%2026.4-3.85a20.05%2020.05%200%200%201%2010.77%2010.92a69%2069%200%200%200-10.76-.85C113.53%20112%2096%20125.15%2096%20143.93C96%20160.2%20109%20172%20127%20172a40%2040%200%200%200%2027.75-11.29c4.7-4.59%2010.11-12.2%2012.17-24A25.55%2025.55%200%200%201%20177.6%20158c0%2013.71-15.76%2034-49.6%2034c-37.68%200-56-20.93-56-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/threads-logo-fill.svg?color=%231a73e8&size=48
