Turborepo Light icon
thesvg-color:turborepo-light
The Turborepo Light icon (thesvg-color:turborepo-light) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 100 × 100 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
- 100 × 100
- Tags
- turborepolight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="none"><path fill="#000" d="M49.96 17.482C32.046 17.482 17.47 32.07 17.47 50s14.575 32.518 32.49 32.518S82.452 67.93 82.452 50S67.877 17.482 49.961 17.482Zm0 49.346c-9.287 0-16.814-7.533-16.814-16.828s7.527-16.828 16.815-16.828S66.776 40.705 66.776 50s-7.527 16.828-16.815 16.828Z"/><path fill="url(#SVGuCSTJr9j)" fill-rule="evenodd" d="M52.683 12.141V0C79.053 1.41 100 23.26 100 50s-20.948 48.583-47.317 50V87.859C72.336 86.454 87.898 70.019 87.898 50S72.336 13.546 52.683 12.141M21.305 74.827c-5.21-6.019-8.568-13.685-9.167-22.102H0C.63 64.503 5.337 75.19 12.713 83.42l8.586-8.593zM47.237 100V87.859c-8.417-.6-16.077-3.954-22.091-9.174l-8.586 8.593C24.79 94.665 35.469 99.37 47.23 100z" clip-rule="evenodd"/><defs><linearGradient id="SVGuCSTJr9j" x1="54.644" x2="5.425" y1="7.031" y2="56.211" gradientUnits="userSpaceOnUse"><stop stop-color="#0096ff"/><stop offset="1" stop-color="#ff1e56"/></linearGradient></defs></g></svg>How to use the Turborepo Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:turborepo-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:turborepo-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:turborepo-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--turborepo-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:turborepo-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:turborepo-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/turborepo-light.svg" alt="Turborepo Light icon" width="24" height="24">Related icons in theSVG Color
Turborepo Light icon in other icon sets
Turborepo Light icon FAQ
Is the Turborepo 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 Turborepo Light icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:turborepo-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Turborepo Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/turborepo-light.svg" alt="Turborepo Light icon">, or paste the SVG code inline to style it with CSS.