ICONYZ
English
Threads icon from SVG Logos

Threads icon

logos:threads

The Threads icon (logos:threads) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 116 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
512 × 116
Tags
thread
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="116" viewBox="0 0 512 116"><path d="M429.718 95.751c-4.303 0-8.155-1.038-11.51-3.159l-.252-.16c-3.462-2.182-6.118-5.407-8.015-9.675c-1.897-4.221-2.892-9.39-2.892-15.461v-2.182c0-5.932.905-11.004 2.761-15.17l.131-.29c1.897-4.22 4.6-7.446 8.015-9.675c3.415-2.181 7.351-3.32 11.762-3.32c4.126 0 7.635.807 10.575 2.372c2.94 1.612 5.312 3.746 7.114 6.497V18.496h11.05V94.47h-11.05v-7.588a19.14 19.14 0 0 1-7.114 6.497c-2.94 1.565-6.45 2.371-10.575 2.371m2.703-9.864c2.04 0 3.984-.38 5.786-1.091c1.85-.712 3.699-1.992 5.596-3.794c1.168-1.034 2.08-2.237 2.698-3.611l.1-.23q.996-2.206.996-5.692V61.036c0-2.229-.332-4.126-.996-5.644a11.5 11.5 0 0 0-2.798-3.888c-1.897-1.897-3.747-3.178-5.596-3.842s-3.794-1.043-5.786-1.043c-2.798 0-5.312.616-7.493 1.802s-3.89 3.177-5.122 5.928q-1.85 4.125-1.85 10.955v1.945q0 6.828 1.85 10.955c1.233 2.75 2.94 4.742 5.122 5.928c2.103 1.097 4.472 1.71 7.19 1.752zM152.424 94.47V29.356h-25.088v-10.86h61.747v10.86h-25.087v65.115zm45.386 0V18.496h10.955v27.79c1.612-2.987 3.794-5.31 6.64-7.018c2.797-1.707 6.307-2.561 10.433-2.561c6.307 0 10.955 1.802 13.99 5.359s4.553 8.252 4.553 14.038v38.32h-10.955V56.956c0-3.32-.901-5.928-2.75-7.825c-1.85-1.897-4.411-2.798-7.636-2.798c-2.23 0-4.269.38-6.023 1.138c-1.755.76-3.32 1.945-4.6 3.51a13.9 13.9 0 0 0-2.656 4.41c-.617 1.613-.901 3.652-.901 6.023v33.008zm118.704-57.717c5.786 0 10.576 1.233 14.323 3.652s6.544 5.644 8.299 9.675c1.755 3.983 2.656 8.441 2.656 13.279v4.553h-40.264c.095 5.643 1.47 10.101 4.079 13.279c2.703 3.272 6.497 4.932 11.334 4.932q5.406 0 8.963-2.134q3.486-2.135 5.55-6.545l9.532 3.794c-1.897 4.648-4.885 8.252-8.964 10.765c-4.126 2.514-9.2 3.794-15.27 3.794c-5.123 0-9.675-1.138-13.564-3.462c-3.889-2.323-6.924-5.596-9.153-9.864s-3.32-9.295-3.32-15.081v-2.182c0-5.231 1.04-9.965 3.163-14.203l.157-.309c2.181-4.315 5.264-7.683 9.153-10.196s8.347-3.747 13.326-3.747m-33.102-.047c2.94 0 5.5.427 7.73 1.28l-4.126 10.481c-1.613-1.328-3.747-2.039-6.308-2.039c-2.181 0-4.126.38-5.88 1.233c-1.755.854-3.225 1.945-4.458 3.32c-1.328 1.375-2.277 2.893-2.893 4.6c-.617 1.66-.901 3.889-.901 6.545V94.47h-11.05V38.035h11.05v8.441c1.47-3.082 3.651-5.5 6.64-7.208c2.94-1.707 6.354-2.561 10.196-2.561m33.102 9.248c-4.363 0-7.967 1.517-10.765 4.647c-2.04 2.277-3.367 5.265-3.936 9.059h29.118c-.284-4.221-1.565-7.541-3.888-10.007q-3.486-3.7-10.529-3.7m85.413 48.516c0-6.925-1.091-12.9-3.32-17.927c-1.28-2.893-2.988-5.407-5.075-7.54c0-.522.048-1.044.048-1.566V58.76c0-6.972-1.945-12.378-5.786-16.22c-3.889-3.889-9.153-5.786-15.793-5.786c-5.928 0-10.765 1.28-14.559 3.89c-3.652 2.513-6.118 5.643-7.35 9.294l9.342 3.7c.854-2.466 2.324-4.363 4.363-5.644s4.648-1.944 7.825-1.944c3.462 0 6.213.9 8.205 2.75q2.987 2.775 2.987 8.964v4.742c-3.51-1.09-7.493-1.612-11.95-1.612c-4.459 0-8.253.711-11.525 2.134s-5.786 3.414-7.54 6.023s-2.656 5.643-2.656 9.105c0 3.354.667 6.13 2.046 8.714l.135.25c1.423 2.655 3.652 4.742 6.545 6.307c2.94 1.565 6.544 2.324 10.908 2.324c5.074 0 9.437-1.233 13.136-3.7c3.605-2.37 6.403-5.643 8.442-9.769c1.09 3.557 1.66 7.588 1.755 12.141zm-22.243-12.284c-2.039 2.988-5.311 4.458-9.864 4.458c-3.32 0-5.833-.806-7.54-2.37c-1.708-1.613-2.562-3.605-2.562-6.071s.901-4.506 2.751-6.308s4.743-2.703 8.631-2.703c4.79 0 8.68.901 11.572 2.703c-.185 4.11-1.134 7.455-2.847 10.08zM504.08 64.308c-2.656-1.138-5.691-1.992-9.153-2.513l-5.976-.996c-3.414-.522-6.023-1.376-7.872-2.609s-2.75-2.892-2.75-4.98c0-2.228 1.137-4.03 3.414-5.358c2.276-1.328 4.885-1.992 7.872-1.992s5.265.569 7.256 1.755q2.845 1.635 4.269 4.98l9.105-3.89c-1.47-3.888-3.841-6.876-7.208-8.915c-3.367-2.04-7.825-3.036-13.422-3.036q-5.833 0-10.812 1.992q-4.909 1.992-7.826 5.691c-1.897 2.466-2.893 5.36-2.893 8.679c0 4.79 1.565 8.536 4.648 11.335c3.083 2.798 7.066 4.552 11.809 5.264l5.975.996q4.98.782 7.968 2.276c1.992.996 2.988 2.75 2.988 5.217c0 2.608-1.091 4.647-3.225 6.07c-2.134 1.47-5.075 2.182-8.869 2.182c-3.32 0-6.118-.807-8.3-2.419c-2.228-1.612-3.793-3.794-4.742-6.545l-9.911 4.269c1.422 4.03 3.936 7.398 7.588 10.006c3.794 2.704 9.01 4.079 15.555 4.079c4.553 0 8.49-.759 11.809-2.324q4.98-2.348 7.825-6.402c1.897-2.704 2.798-5.834 2.798-9.39s-.711-6.166-2.087-8.347c-1.15-2.21-3.06-3.838-5.6-4.973zm-452.576 51.03c-17.216-.095-30.447-5.786-39.363-16.884C4.22 88.59.142 74.884 0 57.716v-.095c.142-17.167 4.22-30.92 12.14-40.738C21.01 5.786 34.24.143 51.457 0h.095C64.736.095 75.786 3.462 84.37 10.054c8.062 6.213 13.753 15.034 16.883 26.274l-9.817 2.75c-5.311-19.017-18.733-28.74-39.884-28.882c-13.99.095-24.566 4.506-31.443 13.042c-6.45 8.015-9.77 19.587-9.864 34.43c.142 14.845 3.462 26.416 9.864 34.431c6.877 8.584 17.453 12.947 31.443 13.042c12.615-.095 20.962-3.035 27.886-9.817c7.92-7.73 7.778-17.262 5.217-23.048c-1.47-3.415-4.221-6.26-7.873-8.395c-.901 6.498-2.988 11.762-6.165 15.698c-4.268 5.312-10.291 8.205-17.927 8.584c-5.786.332-11.334-1.043-15.65-3.841c-5.122-3.32-8.11-8.347-8.442-14.228c-.332-5.738 1.945-10.955 6.403-14.796c4.22-3.652 10.196-5.786 17.215-6.213c5.17-.285 10.007-.048 14.512.664c-.617-3.557-1.802-6.403-3.604-8.442c-2.466-2.798-6.26-4.268-11.335-4.268h-.142c-4.079 0-9.58 1.09-13.09 6.355l-8.441-5.691c4.695-6.972 12.33-10.813 21.53-10.813h.19c15.366.095 24.472 9.485 25.42 25.894c.522.237 1.044.427 1.518.664c7.161 3.367 12.378 8.489 15.128 14.75c3.842 8.773 4.174 23-7.445 34.382c-8.869 8.726-19.634 12.615-34.952 12.758m4.79-56.2c-1.186 0-2.324.048-3.557.096c-8.821.521-14.323 4.553-13.99 10.291c.331 6.023 6.97 8.821 13.373 8.49c5.88-.333 13.564-2.61 14.844-17.833c-3.272-.664-6.83-1.043-10.67-1.043"/></svg>

How to use the Threads icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:threads" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:threads" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:threads" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--threads]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:threads"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:threads"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/threads.svg" alt="Threads icon" width="24" height="24">

Related icons in SVG Logos

threads-icon icon
threads-icon

Threads icon in other icon sets

Threads icon from Bootstrap Icons
Bootstrap Icons
 Threads icon from Boxicons Brands
Boxicons Brands
 Threads icon from Font Awesome 6 Brands
Font Awesome 6 Brands
 Threads icon from Font Awesome Brands
Font Awesome Brands
 Threads icon from Griddy Icons
Griddy Icons
 Threads icon from Grommet Icons
Grommet Icons
 Threads icon from Huge Icons
Huge Icons
 Threads icon from IconOven
IconOven
 Threads icon from Iconoir
Iconoir
 Threads icon from Mage Icons
Mage Icons
 Threads icon from Meteor Icons
Meteor Icons
 Threads icon from Myna UI Icons
Myna UI Icons

Threads icon FAQ

Is the Threads icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Threads icon in React?

Install @iconify/react and render <Icon icon="logos:threads" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Threads icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/threads.svg" alt="Threads icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →