Turborepo Light アイコン
thesvg-color:turborepo-light
Turborepo Light アイコン(thesvg-color:turborepo-light)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 100 × 100 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 100 × 100
- タグ
- turborepolight
SVG コード
<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>Turborepo Light アイコンの使い方
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 コンポーネント
<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 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/turborepo-light.svg" alt="Turborepo Light アイコン" width="24" height="24">theSVG Color の関連アイコン
他のアイコンセットの Turborepo Light アイコン
Turborepo Light アイコン のよくある質問
Turborepo Light アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Turborepo Light アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:turborepo-light" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Turborepo Light アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/turborepo-light.svg" alt="Turborepo Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。