threads logo icon
threads-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- threads-logo-light
- Set
- Phosphor
- Style
- Light
- 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="M185.22 125.25a62 62 0 0 0-11.78-7c-3.53-29.6-23-38.82-31.83-41.5c-19-5.74-40.73 1.09-50.6 15.9a6 6 0 1 0 10 6.66c6.94-10.41 23.25-15.28 37.14-11.07c7.22 2.18 18.39 8.34 22.39 25.61a78.7 78.7 0 0 0-18.11-2.08c-13.53 0-26.16 3.46-35.55 9.77C96 128.85 90 139.66 90 152c0 22 18 33.52 35.71 33.52a46 46 0 0 0 32.91-14.19c6.58-6.85 14.35-19.11 15.29-39.26a45 45 0 0 1 4.07 2.75c10.48 7.92 16 19.4 16 33.18c0 20.16-21 50-66 50c-27.07 0-46.92-9.19-59-27.33C59 175.75 54 154.66 54 128s5-47.75 15-62.67C81.08 47.19 100.93 38 128 38c33.85 0 55.57 13.67 66.4 41.8a6 6 0 1 0 11.2-4.31C193 42.65 166.85 26 128 26c-31.33 0-54.54 11-69 32.67C47.72 75.6 42 98.93 42 128s5.72 52.4 17 69.33C73.46 219 96.67 230 128 230c29.43 0 47.81-11.19 58.05-20.58C198.54 198 206 182.49 206 168c0-17.69-7.19-32.48-20.78-42.75M150 163a33.94 33.94 0 0 1-24.26 10.51c-16.41.01-23.74-10.8-23.74-21.51c0-13.59 12.64-28.21 40.41-28.21a65.3 65.3 0 0 1 19.58 3v1.24c.01 14.69-4.15 26.79-11.99 34.97"/></svg>
React
import type { SVGProps } from "react";
export function PhThreadsLogoLight(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="M185.22 125.25a62 62 0 0 0-11.78-7c-3.53-29.6-23-38.82-31.83-41.5c-19-5.74-40.73 1.09-50.6 15.9a6 6 0 1 0 10 6.66c6.94-10.41 23.25-15.28 37.14-11.07c7.22 2.18 18.39 8.34 22.39 25.61a78.7 78.7 0 0 0-18.11-2.08c-13.53 0-26.16 3.46-35.55 9.77C96 128.85 90 139.66 90 152c0 22 18 33.52 35.71 33.52a46 46 0 0 0 32.91-14.19c6.58-6.85 14.35-19.11 15.29-39.26a45 45 0 0 1 4.07 2.75c10.48 7.92 16 19.4 16 33.18c0 20.16-21 50-66 50c-27.07 0-46.92-9.19-59-27.33C59 175.75 54 154.66 54 128s5-47.75 15-62.67C81.08 47.19 100.93 38 128 38c33.85 0 55.57 13.67 66.4 41.8a6 6 0 1 0 11.2-4.31C193 42.65 166.85 26 128 26c-31.33 0-54.54 11-69 32.67C47.72 75.6 42 98.93 42 128s5.72 52.4 17 69.33C73.46 219 96.67 230 128 230c29.43 0 47.81-11.19 58.05-20.58C198.54 198 206 182.49 206 168c0-17.69-7.19-32.48-20.78-42.75M150 163a33.94 33.94 0 0 1-24.26 10.51c-16.41.01-23.74-10.8-23.74-21.51c0-13.59 12.64-28.21 40.41-28.21a65.3 65.3 0 0 1 19.58 3v1.24c.01 14.69-4.15 26.79-11.99 34.97"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M185.22 125.25a62 62 0 0 0-11.78-7c-3.53-29.6-23-38.82-31.83-41.5c-19-5.74-40.73 1.09-50.6 15.9a6 6 0 1 0 10 6.66c6.94-10.41 23.25-15.28 37.14-11.07c7.22 2.18 18.39 8.34 22.39 25.61a78.7 78.7 0 0 0-18.11-2.08c-13.53 0-26.16 3.46-35.55 9.77C96 128.85 90 139.66 90 152c0 22 18 33.52 35.71 33.52a46 46 0 0 0 32.91-14.19c6.58-6.85 14.35-19.11 15.29-39.26a45 45 0 0 1 4.07 2.75c10.48 7.92 16 19.4 16 33.18c0 20.16-21 50-66 50c-27.07 0-46.92-9.19-59-27.33C59 175.75 54 154.66 54 128s5-47.75 15-62.67C81.08 47.19 100.93 38 128 38c33.85 0 55.57 13.67 66.4 41.8a6 6 0 1 0 11.2-4.31C193 42.65 166.85 26 128 26c-31.33 0-54.54 11-69 32.67C47.72 75.6 42 98.93 42 128s5.72 52.4 17 69.33C73.46 219 96.67 230 128 230c29.43 0 47.81-11.19 58.05-20.58C198.54 198 206 182.49 206 168c0-17.69-7.19-32.48-20.78-42.75M150 163a33.94 33.94 0 0 1-24.26 10.51c-16.41.01-23.74-10.8-23.74-21.51c0-13.59 12.64-28.21 40.41-28.21a65.3 65.3 0 0 1 19.58 3v1.24c.01 14.69-4.15 26.79-11.99 34.97"/></svg> </template>
CSS
.icon-threads-logo-light {
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%22M185.22%20125.25a62%2062%200%200%200-11.78-7c-3.53-29.6-23-38.82-31.83-41.5c-19-5.74-40.73%201.09-50.6%2015.9a6%206%200%201%200%2010%206.66c6.94-10.41%2023.25-15.28%2037.14-11.07c7.22%202.18%2018.39%208.34%2022.39%2025.61a78.7%2078.7%200%200%200-18.11-2.08c-13.53%200-26.16%203.46-35.55%209.77C96%20128.85%2090%20139.66%2090%20152c0%2022%2018%2033.52%2035.71%2033.52a46%2046%200%200%200%2032.91-14.19c6.58-6.85%2014.35-19.11%2015.29-39.26a45%2045%200%200%201%204.07%202.75c10.48%207.92%2016%2019.4%2016%2033.18c0%2020.16-21%2050-66%2050c-27.07%200-46.92-9.19-59-27.33C59%20175.75%2054%20154.66%2054%20128s5-47.75%2015-62.67C81.08%2047.19%20100.93%2038%20128%2038c33.85%200%2055.57%2013.67%2066.4%2041.8a6%206%200%201%200%2011.2-4.31C193%2042.65%20166.85%2026%20128%2026c-31.33%200-54.54%2011-69%2032.67C47.72%2075.6%2042%2098.93%2042%20128s5.72%2052.4%2017%2069.33C73.46%20219%2096.67%20230%20128%20230c29.43%200%2047.81-11.19%2058.05-20.58C198.54%20198%20206%20182.49%20206%20168c0-17.69-7.19-32.48-20.78-42.75M150%20163a33.94%2033.94%200%200%201-24.26%2010.51c-16.41.01-23.74-10.8-23.74-21.51c0-13.59%2012.64-28.21%2040.41-28.21a65.3%2065.3%200%200%201%2019.58%203v1.24c.01%2014.69-4.15%2026.79-11.99%2034.97%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%22M185.22%20125.25a62%2062%200%200%200-11.78-7c-3.53-29.6-23-38.82-31.83-41.5c-19-5.74-40.73%201.09-50.6%2015.9a6%206%200%201%200%2010%206.66c6.94-10.41%2023.25-15.28%2037.14-11.07c7.22%202.18%2018.39%208.34%2022.39%2025.61a78.7%2078.7%200%200%200-18.11-2.08c-13.53%200-26.16%203.46-35.55%209.77C96%20128.85%2090%20139.66%2090%20152c0%2022%2018%2033.52%2035.71%2033.52a46%2046%200%200%200%2032.91-14.19c6.58-6.85%2014.35-19.11%2015.29-39.26a45%2045%200%200%201%204.07%202.75c10.48%207.92%2016%2019.4%2016%2033.18c0%2020.16-21%2050-66%2050c-27.07%200-46.92-9.19-59-27.33C59%20175.75%2054%20154.66%2054%20128s5-47.75%2015-62.67C81.08%2047.19%20100.93%2038%20128%2038c33.85%200%2055.57%2013.67%2066.4%2041.8a6%206%200%201%200%2011.2-4.31C193%2042.65%20166.85%2026%20128%2026c-31.33%200-54.54%2011-69%2032.67C47.72%2075.6%2042%2098.93%2042%20128s5.72%2052.4%2017%2069.33C73.46%20219%2096.67%20230%20128%20230c29.43%200%2047.81-11.19%2058.05-20.58C198.54%20198%20206%20182.49%20206%20168c0-17.69-7.19-32.48-20.78-42.75M150%20163a33.94%2033.94%200%200%201-24.26%2010.51c-16.41.01-23.74-10.8-23.74-21.51c0-13.59%2012.64-28.21%2040.41-28.21a65.3%2065.3%200%200%201%2019.58%203v1.24c.01%2014.69-4.15%2026.79-11.99%2034.97%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/threads-logo-light.svg?color=%231a73e8&size=48
