Turborepo Dark アイコン
thesvg-color:turborepo-dark
Turborepo Dark アイコン(thesvg-color:turborepo-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 100 × 100 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 100 × 100
- タグ
- turborepodark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="none"><path fill="#fff" d="M49.542 17.322c-17.766 0-32.22 14.454-32.22 32.22s14.454 32.22 32.22 32.22s32.22-14.454 32.22-32.22s-14.454-32.22-32.22-32.22m0 48.894c-9.21 0-16.674-7.464-16.674-16.674s7.464-16.674 16.674-16.674s16.674 7.464 16.674 16.674s-7.464 16.674-16.674 16.674"/><path fill="url(#SVGxuhkcdIk)" fill-rule="evenodd" d="M52.242 12.03V0c26.148 1.398 46.92 23.046 46.92 49.542S78.39 97.68 52.242 99.084v-12.03c19.488-1.392 34.92-17.676 34.92-37.512S71.73 13.422 52.242 12.03M21.126 74.142c-5.166-5.964-8.496-13.56-9.09-21.9H0c.624 11.67 5.292 22.26 12.606 30.414l8.514-8.514zm25.716 24.942v-12.03c-8.346-.594-15.942-3.918-21.906-9.09l-8.514 8.514c8.16 7.32 18.75 11.982 30.414 12.606z" clip-rule="evenodd"/><defs><linearGradient id="SVGxuhkcdIk" x1="54.186" x2="5.418" y1="6.967" y2="55.735" gradientUnits="userSpaceOnUse"><stop stop-color="#0096ff"/><stop offset="1" stop-color="#ff1e56"/></linearGradient></defs></g></svg>Turborepo Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:turborepo-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:turborepo-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:turborepo-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--turborepo-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:turborepo-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:turborepo-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/turborepo-dark.svg" alt="Turborepo Dark アイコン" width="24" height="24">theSVG Color の関連アイコン
Turborepo Dark アイコン のよくある質問
Turborepo Dark アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Turborepo Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:turborepo-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Turborepo Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/turborepo-dark.svg" alt="Turborepo Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。