threads logo

threads from Font Awesome Brands by Dave Gandy · Brand · CC-BY-4.0 Attribution required.

Name: threads
Set: Font Awesome Brands
Style: Brand
Viewbox: 640×640
License: CC BY 4.0

The same logo in other sets

threads-fillAkar Icons threads-filledAnt Design Icons threadsBootstrap Icons threadsBoxicons Brands threadsFont Awesome 6 Brands threadsHuge Icons threadsIconoir threadsSVG Logos threadsMage Icons threads-fillMingCute Icon threadsMyna UI Icons threads-fillRemix Icon threadsSimple Icons

Use the threads logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M436.8 302c-.6-69.6-38.3-111.5-102-111.5c-42.5 0-78.3 19.2-97.1 49.9l41.2 28.7c10.7-16.8 25.4-30.8 52.4-30.8c30.5 0 46.3 17 50.8 48.5c-14.7-2.3-29.5-3.5-44.6-3.5c-82.4 0-121.1 37.3-121.1 86.6s38.8 79.7 95.9 79.7c62.7 0 100.1-42.2 115.4-94.5c15.9 7.2 26.9 24 26.9 49.3c0 67.6-78 104.5-144.1 104.5c-97.5 0-161.3-64-161.3-168.2c0-127.6 84.3-209.4 197.6-209.4c76 0 113.6 33.4 139.2 78.1l42-29.5c-27.8-58-89.9-99.5-183.1-99.5c-148.5 0-249.5 105.4-249.5 258.2c0 139.8 98.9 220.9 216.7 220.9c97.4 0 195.8-56.8 195.8-154c0-50.8-29.2-84.5-71.2-103.5zm-126.4 96.9c-21.5 0-40.4-10.2-40.4-29c0-29.6 36.4-38.6 72-38.6c13.5 0 26.8.9 38.5 3.5c-8.4 38.5-33.4 64.2-70 64.2z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7BrandsThreads(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M436.8 302c-.6-69.6-38.3-111.5-102-111.5c-42.5 0-78.3 19.2-97.1 49.9l41.2 28.7c10.7-16.8 25.4-30.8 52.4-30.8c30.5 0 46.3 17 50.8 48.5c-14.7-2.3-29.5-3.5-44.6-3.5c-82.4 0-121.1 37.3-121.1 86.6s38.8 79.7 95.9 79.7c62.7 0 100.1-42.2 115.4-94.5c15.9 7.2 26.9 24 26.9 49.3c0 67.6-78 104.5-144.1 104.5c-97.5 0-161.3-64-161.3-168.2c0-127.6 84.3-209.4 197.6-209.4c76 0 113.6 33.4 139.2 78.1l42-29.5c-27.8-58-89.9-99.5-183.1-99.5c-148.5 0-249.5 105.4-249.5 258.2c0 139.8 98.9 220.9 216.7 220.9c97.4 0 195.8-56.8 195.8-154c0-50.8-29.2-84.5-71.2-103.5zm-126.4 96.9c-21.5 0-40.4-10.2-40.4-29c0-29.6 36.4-38.6 72-38.6c13.5 0 26.8.9 38.5 3.5c-8.4 38.5-33.4 64.2-70 64.2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M436.8 302c-.6-69.6-38.3-111.5-102-111.5c-42.5 0-78.3 19.2-97.1 49.9l41.2 28.7c10.7-16.8 25.4-30.8 52.4-30.8c30.5 0 46.3 17 50.8 48.5c-14.7-2.3-29.5-3.5-44.6-3.5c-82.4 0-121.1 37.3-121.1 86.6s38.8 79.7 95.9 79.7c62.7 0 100.1-42.2 115.4-94.5c15.9 7.2 26.9 24 26.9 49.3c0 67.6-78 104.5-144.1 104.5c-97.5 0-161.3-64-161.3-168.2c0-127.6 84.3-209.4 197.6-209.4c76 0 113.6 33.4 139.2 78.1l42-29.5c-27.8-58-89.9-99.5-183.1-99.5c-148.5 0-249.5 105.4-249.5 258.2c0 139.8 98.9 220.9 216.7 220.9c97.4 0 195.8-56.8 195.8-154c0-50.8-29.2-84.5-71.2-103.5zm-126.4 96.9c-21.5 0-40.4-10.2-40.4-29c0-29.6 36.4-38.6 72-38.6c13.5 0 26.8.9 38.5 3.5c-8.4 38.5-33.4 64.2-70 64.2z"/></svg>
</template>

CSS

.icon-threads {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M436.8%20302c-.6-69.6-38.3-111.5-102-111.5c-42.5%200-78.3%2019.2-97.1%2049.9l41.2%2028.7c10.7-16.8%2025.4-30.8%2052.4-30.8c30.5%200%2046.3%2017%2050.8%2048.5c-14.7-2.3-29.5-3.5-44.6-3.5c-82.4%200-121.1%2037.3-121.1%2086.6s38.8%2079.7%2095.9%2079.7c62.7%200%20100.1-42.2%20115.4-94.5c15.9%207.2%2026.9%2024%2026.9%2049.3c0%2067.6-78%20104.5-144.1%20104.5c-97.5%200-161.3-64-161.3-168.2c0-127.6%2084.3-209.4%20197.6-209.4c76%200%20113.6%2033.4%20139.2%2078.1l42-29.5c-27.8-58-89.9-99.5-183.1-99.5c-148.5%200-249.5%20105.4-249.5%20258.2c0%20139.8%2098.9%20220.9%20216.7%20220.9c97.4%200%20195.8-56.8%20195.8-154c0-50.8-29.2-84.5-71.2-103.5zm-126.4%2096.9c-21.5%200-40.4-10.2-40.4-29c0-29.6%2036.4-38.6%2072-38.6c13.5%200%2026.8.9%2038.5%203.5c-8.4%2038.5-33.4%2064.2-70%2064.2z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M436.8%20302c-.6-69.6-38.3-111.5-102-111.5c-42.5%200-78.3%2019.2-97.1%2049.9l41.2%2028.7c10.7-16.8%2025.4-30.8%2052.4-30.8c30.5%200%2046.3%2017%2050.8%2048.5c-14.7-2.3-29.5-3.5-44.6-3.5c-82.4%200-121.1%2037.3-121.1%2086.6s38.8%2079.7%2095.9%2079.7c62.7%200%20100.1-42.2%20115.4-94.5c15.9%207.2%2026.9%2024%2026.9%2049.3c0%2067.6-78%20104.5-144.1%20104.5c-97.5%200-161.3-64-161.3-168.2c0-127.6%2084.3-209.4%20197.6-209.4c76%200%20113.6%2033.4%20139.2%2078.1l42-29.5c-27.8-58-89.9-99.5-183.1-99.5c-148.5%200-249.5%20105.4-249.5%20258.2c0%20139.8%2098.9%20220.9%20216.7%20220.9c97.4%200%20195.8-56.8%20195.8-154c0-50.8-29.2-84.5-71.2-103.5zm-126.4%2096.9c-21.5%200-40.4-10.2-40.4-29c0-29.6%2036.4-38.6%2072-38.6c13.5%200%2026.8.9%2038.5%203.5c-8.4%2038.5-33.4%2064.2-70%2064.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-brands/threads.svg?color=%231a73e8&size=48