Threads Icon icon
logos:threads-icon
The Threads Icon icon (logos:threads-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 292 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
- 256 × 292
- Tags
- threadsicon, thread
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="292" viewBox="0 0 256 292"><path d="M130.261 291.804h-.087c-43.537-.291-77.007-14.648-99.505-42.661C10.68 224.193.35 189.498 0 146.019v-.204C.35 102.307 10.68 67.64 30.698 42.69C53.167 14.649 86.666.291 130.174 0h.175c33.382.233 61.308 8.812 82.99 25.504C233.734 41.203 248.091 63.555 256 91.977l-24.803 6.916c-13.423-48.148-47.39-72.747-100.965-73.127c-35.366.263-62.125 11.38-79.516 33.033c-16.254 20.28-24.658 49.577-24.979 87.103c.321 37.526 8.725 66.823 25.008 87.104c17.391 21.68 44.15 32.799 79.516 33.032c31.895-.233 52.992-7.674 70.53-24.862c20.017-19.609 19.667-43.683 13.248-58.331c-3.765-8.638-10.622-15.816-19.872-21.273c-2.335 16.429-7.558 29.735-15.612 39.773c-10.767 13.394-26.029 20.718-45.346 21.769c-14.62.788-28.714-2.656-39.627-9.747c-12.927-8.374-20.485-21.155-21.302-36.037c-.788-14.474 4.96-27.78 16.166-37.468c10.71-9.25 25.766-14.678 43.566-15.7c13.102-.729 25.387-.145 36.71 1.722c-1.518-9.016-4.553-16.195-9.105-21.36c-6.245-7.12-15.903-10.738-28.684-10.826h-.35c-10.272 0-24.22 2.83-33.091 16.05L76.132 95.42c11.905-17.683 31.223-27.43 54.45-27.43h.526c38.839.234 61.979 24.016 64.284 65.51a163 163 0 0 1 3.91 1.722c18.121 8.52 31.37 21.419 38.344 37.322c9.687 22.148 10.592 58.244-18.822 87.045c-22.498 22.002-49.782 31.953-88.475 32.215zm12.198-142.138c-2.947 0-5.924.088-8.988.263c-22.323 1.255-36.242 11.497-35.454 26.058c.817 15.262 17.654 22.352 33.85 21.477c14.881-.788 34.257-6.595 37.525-45.113c-8.228-1.78-17.245-2.685-26.933-2.685"/></svg>How to use the Threads Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:threads-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:threads-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:threads-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--threads-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:threads-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:threads-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/threads-icon.svg" alt="Threads Icon icon" width="24" height="24">Related icons in SVG Logos
Threads Icon icon FAQ
Is the Threads Icon 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 icon in React?
Install @iconify/react and render <Icon icon="logos:threads-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Threads Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/threads-icon.svg" alt="Threads Icon icon">, or paste the SVG code inline to style it with CSS.