Threads Light icon
thesvg-color:threads-light
The Threads Light icon (thesvg-color:threads-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 192 × 192 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 192 × 192
- Tags
- threadslight, thread
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192"><path d="M141.537 88.988a67 67 0 0 0-2.518-1.143c-1.482-27.307-16.403-42.94-41.457-43.1h-.34c-14.986 0-27.449 6.396-35.12 18.036l13.779 9.452c5.73-8.695 14.724-10.548 21.348-10.548h.229c8.249.053 14.474 2.452 18.503 7.129c2.932 3.405 4.893 8.111 5.864 14.05c-7.314-1.243-15.224-1.626-23.68-1.14c-23.82 1.371-39.134 15.264-38.105 34.568c.522 9.792 5.4 18.216 13.735 23.719c7.047 4.652 16.124 6.927 25.557 6.412c12.458-.683 22.231-5.436 29.049-14.127c5.178-6.6 8.453-15.153 9.899-25.93c5.937 3.583 10.337 8.298 12.767 13.966c4.132 9.635 4.373 25.468-8.546 38.376c-11.319 11.308-24.925 16.2-45.488 16.351c-22.809-.169-40.06-7.484-51.275-21.742C35.236 139.966 29.808 120.682 29.605 96c.203-24.682 5.63-43.966 16.133-57.317C56.954 24.425 74.204 17.11 97.013 16.94c22.975.17 40.526 7.52 52.171 21.847c5.71 7.026 10.015 15.86 12.853 26.162l16.147-4.308c-3.44-12.68-8.853-23.606-16.219-32.668C147.036 9.607 125.202.195 97.07 0h-.113C68.882.194 47.292 9.642 32.788 28.08C19.882 44.485 13.224 67.315 13.001 95.932L13 96v.067c.224 28.617 6.882 51.447 19.788 67.854C47.292 182.358 68.882 191.806 96.957 192h.113c24.96-.173 42.554-6.708 57.048-21.189c18.963-18.945 18.392-42.692 12.142-57.27c-4.484-10.454-13.033-18.945-24.723-24.553M98.44 129.507c-10.44.588-21.286-4.098-21.82-14.135c-.397-7.442 5.296-15.746 22.461-16.735a100 100 0 0 1 5.79-.169c6.235 0 12.068.606 17.371 1.765c-1.978 24.702-13.58 28.713-23.802 29.274" class="x19hqcy"/></svg>How to use the Threads Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:threads-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:threads-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:threads-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--threads-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:threads-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:threads-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/threads-light.svg" alt="Threads Light icon" width="24" height="24">Related icons in theSVG Color
Threads Light icon in other icon sets
Threads Light icon FAQ
Is the Threads Light icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Threads Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:threads-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Threads Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/threads-light.svg" alt="Threads Light icon">, or paste the SVG code inline to style it with CSS.