threads logo icon
threads-logo-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- threads-logo-bold
- Set
- Phosphor
- Style
- Bold
- 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="M188.84 120.46a68 68 0 0 0-10-6.23c-3.72-21.68-16.41-37.41-35.52-43.2c-21.38-6.48-46.03 1.39-57.32 18.31a12 12 0 0 0 20 13.32c5.47-8.2 19.11-12.08 30.41-8.66a24.72 24.72 0 0 1 14.88 12.24a87 87 0 0 0-8.86-.45C108.56 105.79 84 125.22 84 152c0 22.9 17.54 39.52 41.71 39.52a52 52 0 0 0 37.23-16c6-6.23 12.88-16.46 15.72-32.07c6.2 6.42 9.34 14.67 9.34 24.59c0 17.74-19.07 44-60 44c-45.76 0-68-27.48-68-84s22.24-84 68-84c31.08 0 51 12.42 60.8 38a12 12 0 0 0 22.4-8.62C197.77 38.44 169 20 128 20c-59.33 0-92 38.35-92 108s32.67 108 92 108c31.36 0 51.08-12.05 62.11-22.15C203.81 201.28 212 184.14 212 168c0-19.64-8-36.08-23.16-47.54m-43.2 38.39a27.9 27.9 0 0 1-19.93 8.67c-8.17 0-17.71-4.06-17.71-15.52c0-15.26 17.84-22.21 34.41-22.21a60.2 60.2 0 0 1 13.51 1.52c-.56 11.62-4.08 21.1-10.28 27.54"/></svg>
React
import type { SVGProps } from "react";
export function PhThreadsLogoBold(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="M188.84 120.46a68 68 0 0 0-10-6.23c-3.72-21.68-16.41-37.41-35.52-43.2c-21.38-6.48-46.03 1.39-57.32 18.31a12 12 0 0 0 20 13.32c5.47-8.2 19.11-12.08 30.41-8.66a24.72 24.72 0 0 1 14.88 12.24a87 87 0 0 0-8.86-.45C108.56 105.79 84 125.22 84 152c0 22.9 17.54 39.52 41.71 39.52a52 52 0 0 0 37.23-16c6-6.23 12.88-16.46 15.72-32.07c6.2 6.42 9.34 14.67 9.34 24.59c0 17.74-19.07 44-60 44c-45.76 0-68-27.48-68-84s22.24-84 68-84c31.08 0 51 12.42 60.8 38a12 12 0 0 0 22.4-8.62C197.77 38.44 169 20 128 20c-59.33 0-92 38.35-92 108s32.67 108 92 108c31.36 0 51.08-12.05 62.11-22.15C203.81 201.28 212 184.14 212 168c0-19.64-8-36.08-23.16-47.54m-43.2 38.39a27.9 27.9 0 0 1-19.93 8.67c-8.17 0-17.71-4.06-17.71-15.52c0-15.26 17.84-22.21 34.41-22.21a60.2 60.2 0 0 1 13.51 1.52c-.56 11.62-4.08 21.1-10.28 27.54"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M188.84 120.46a68 68 0 0 0-10-6.23c-3.72-21.68-16.41-37.41-35.52-43.2c-21.38-6.48-46.03 1.39-57.32 18.31a12 12 0 0 0 20 13.32c5.47-8.2 19.11-12.08 30.41-8.66a24.72 24.72 0 0 1 14.88 12.24a87 87 0 0 0-8.86-.45C108.56 105.79 84 125.22 84 152c0 22.9 17.54 39.52 41.71 39.52a52 52 0 0 0 37.23-16c6-6.23 12.88-16.46 15.72-32.07c6.2 6.42 9.34 14.67 9.34 24.59c0 17.74-19.07 44-60 44c-45.76 0-68-27.48-68-84s22.24-84 68-84c31.08 0 51 12.42 60.8 38a12 12 0 0 0 22.4-8.62C197.77 38.44 169 20 128 20c-59.33 0-92 38.35-92 108s32.67 108 92 108c31.36 0 51.08-12.05 62.11-22.15C203.81 201.28 212 184.14 212 168c0-19.64-8-36.08-23.16-47.54m-43.2 38.39a27.9 27.9 0 0 1-19.93 8.67c-8.17 0-17.71-4.06-17.71-15.52c0-15.26 17.84-22.21 34.41-22.21a60.2 60.2 0 0 1 13.51 1.52c-.56 11.62-4.08 21.1-10.28 27.54"/></svg> </template>
CSS
.icon-threads-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%22M188.84%20120.46a68%2068%200%200%200-10-6.23c-3.72-21.68-16.41-37.41-35.52-43.2c-21.38-6.48-46.03%201.39-57.32%2018.31a12%2012%200%200%200%2020%2013.32c5.47-8.2%2019.11-12.08%2030.41-8.66a24.72%2024.72%200%200%201%2014.88%2012.24a87%2087%200%200%200-8.86-.45C108.56%20105.79%2084%20125.22%2084%20152c0%2022.9%2017.54%2039.52%2041.71%2039.52a52%2052%200%200%200%2037.23-16c6-6.23%2012.88-16.46%2015.72-32.07c6.2%206.42%209.34%2014.67%209.34%2024.59c0%2017.74-19.07%2044-60%2044c-45.76%200-68-27.48-68-84s22.24-84%2068-84c31.08%200%2051%2012.42%2060.8%2038a12%2012%200%200%200%2022.4-8.62C197.77%2038.44%20169%2020%20128%2020c-59.33%200-92%2038.35-92%20108s32.67%20108%2092%20108c31.36%200%2051.08-12.05%2062.11-22.15C203.81%20201.28%20212%20184.14%20212%20168c0-19.64-8-36.08-23.16-47.54m-43.2%2038.39a27.9%2027.9%200%200%201-19.93%208.67c-8.17%200-17.71-4.06-17.71-15.52c0-15.26%2017.84-22.21%2034.41-22.21a60.2%2060.2%200%200%201%2013.51%201.52c-.56%2011.62-4.08%2021.1-10.28%2027.54%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%22M188.84%20120.46a68%2068%200%200%200-10-6.23c-3.72-21.68-16.41-37.41-35.52-43.2c-21.38-6.48-46.03%201.39-57.32%2018.31a12%2012%200%200%200%2020%2013.32c5.47-8.2%2019.11-12.08%2030.41-8.66a24.72%2024.72%200%200%201%2014.88%2012.24a87%2087%200%200%200-8.86-.45C108.56%20105.79%2084%20125.22%2084%20152c0%2022.9%2017.54%2039.52%2041.71%2039.52a52%2052%200%200%200%2037.23-16c6-6.23%2012.88-16.46%2015.72-32.07c6.2%206.42%209.34%2014.67%209.34%2024.59c0%2017.74-19.07%2044-60%2044c-45.76%200-68-27.48-68-84s22.24-84%2068-84c31.08%200%2051%2012.42%2060.8%2038a12%2012%200%200%200%2022.4-8.62C197.77%2038.44%20169%2020%20128%2020c-59.33%200-92%2038.35-92%20108s32.67%20108%2092%20108c31.36%200%2051.08-12.05%2062.11-22.15C203.81%20201.28%20212%20184.14%20212%20168c0-19.64-8-36.08-23.16-47.54m-43.2%2038.39a27.9%2027.9%200%200%201-19.93%208.67c-8.17%200-17.71-4.06-17.71-15.52c0-15.26%2017.84-22.21%2034.41-22.21a60.2%2060.2%200%200%201%2013.51%201.52c-.56%2011.62-4.08%2021.1-10.28%2027.54%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/threads-logo-bold.svg?color=%231a73e8&size=48
