Tdarr アイコン

Q: Tdarr アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

thesvg-color:tdarr

Tdarr アイコン(thesvg-color:tdarr)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 578 × 579 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 578 × 579

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="578" height="579" viewBox="0 0 578 579"><defs><radialGradient id="SVGJKSfVb4s" cx="50%" cy="48%" r="55%"><stop offset="0" stop-color="#143f82"/><stop offset=".54" stop-color="#0e3978"/><stop offset="1" stop-color="#0b2f64"/></radialGradient><radialGradient id="SVGBtkZWbTm" cx="50%" cy="48%" r="65%"><stop offset="0" stop-color="#143f82"/><stop offset=".56" stop-color="#103a78"/><stop offset=".82" stop-color="#0b315f"/><stop offset="1" stop-color="#07294e"/></radialGradient><filter id="SVGt8zGkeCa" width="140%" height="140%" x="-20%" y="-20%" color-interpolation-filters="sRGB"><feDropShadow dx="0" dy="0" flood-color="#00fff9" flood-opacity=".45" stdDeviation="7"/><feDropShadow dx="0" dy="0" flood-color="#00b7ff" flood-opacity=".18" stdDeviation="16"/></filter><filter id="SVGRknVZqkh" width="140%" height="140%" x="-20%" y="-20%" color-interpolation-filters="sRGB"><feDropShadow dx="0" dy="0" flood-color="#001b43" flood-opacity=".85" stdDeviation="9"/></filter><linearGradient id="SVGdXnvfd3q" x1="0" x2="0" y1="0" y2="1"><stop offset="0" stop-color="#69fffb"/><stop offset=".55" stop-color="#20f8f3"/><stop offset="1" stop-color="#51f4f1"/></linearGradient><clipPath id="SVG7jnFyd5x"><circle cx="289" cy="289" r="289"/></clipPath></defs><g clip-path="url(#SVG7jnFyd5x)"><circle cx="289" cy="289" r="288.5" fill="url(#SVGJKSfVb4s)"/><path stroke="#1478f4" stroke-width="4" d="M560 289h17m-17.66 18.904l16.958 1.186m-18.935 17.626l16.834 2.366m-20.119 16.262l16.629 3.535m-21.205 14.819l16.341 4.686m-22.186 13.303l15.974 5.815m-23.06 11.724l15.53 6.914m-23.822 10.087l15.01 7.981m-24.468 8.4l14.417 9.009m-24.994 6.673l13.753 9.992m-25.399 4.913l13.023 10.928m-25.68 3.129l12.229 11.81m-25.836 1.33l11.376 12.634m-25.866-.475l10.467 13.396m-25.77-2.278l9.507 14.094m-25.548-4.07l8.5 14.722m-25.201-5.842l7.452 15.28m-24.733-7.586l6.369 15.762m-24.143-9.293l5.253 16.168m-23.436-10.954l4.113 16.495m-22.615-12.562l2.952 16.742m-21.684-14.11l1.777 16.907m-20.646-15.587l.593 16.99m-19.509-16.99l-.593 16.99m-18.276-18.31l-1.777 16.907m-16.955-19.539l-2.952 16.742m-15.55-20.675l-4.113 16.495m-14.07-21.709l-5.253 16.168m-12.521-22.637l-6.369 15.762m-10.912-23.456l-7.452 15.28m-9.249-24.16l-8.5 14.722m-7.541-24.746l-9.507 14.094m-5.796-25.212l-10.467 13.396m-4.023-25.555L96.29 503.026m-2.231-25.774l-12.229 11.81m-.428-25.867l-13.023 10.928m1.377-25.833l-13.753 9.992m3.176-25.674l-14.417 9.009m4.959-25.39l-15.01 7.981m6.718-24.982l-15.53 6.914m8.444-24.453l-15.974 5.815m10.129-23.804l-16.341 4.686m11.765-23.04l-16.629 3.535m13.344-22.163l-16.834 2.366m14.857-21.178L1.702 309.09M18 289H1m17.66-18.904L1.702 268.91m18.935-17.626l-16.834-2.366m20.119-16.262l-16.629-3.535m21.205-14.819l-16.341-4.686m22.186-13.303l-15.974-5.815m23.06-11.724l-15.53-6.914m23.822-10.087l-15.01-7.981m24.468-8.4l-14.417-9.009m24.994-6.673l-13.753-9.992m25.399-4.913l-13.023-10.928m25.68-3.129L81.83 88.938m25.836-1.33L96.29 74.974m25.866.475l-10.467-13.396m25.77 2.278l-9.507-14.094m25.548 4.07L145 39.585m25.201 5.842l-7.452-15.28m24.733 7.586l-6.369-15.762m24.143 9.293l-5.253-16.168m23.436 10.954l-4.113-16.495m22.615 12.562l-2.952-16.742m21.684 14.11l-1.777-16.907m20.646 15.587l-.593-16.99m19.509 16.99l.593-16.99m18.276 18.31l1.777-16.907m16.955 19.539l2.952-16.742m15.55 20.675l4.113-16.495m14.07 21.709l5.253-16.168m12.521 22.637l6.369-15.762m10.912 23.456l7.452-15.28m9.249 24.16l8.5-14.722m7.541 24.746l9.507-14.094m5.796 25.212l10.467-13.396m4.023 25.555l11.376-12.634m2.231 25.774l12.229-11.81m.428 25.867l13.023-10.928m-1.377 25.833l13.753-9.992m-3.176 25.674l14.417-9.009m-4.959 25.39l15.01-7.981m-6.718 24.982l15.53-6.914m-8.444 24.453l15.974-5.815m-10.129 23.804l16.341-4.686m-11.765 23.04l16.629-3.535m-13.344 22.163l16.834-2.366m-14.857 21.178l16.958-1.186" opacity=".98"/><circle cx="289" cy="289" r="286.8" fill="none" stroke="#1174f0" stroke-width="4.4"/><path fill="url(#SVGdXnvfd3q)" d="M73.822 179.361a241.5 241.5 0 0 1 456.641 105.424l-47.493.829a194 194 0 0 0-366.825-84.688Zm458.339 135.196a244.5 244.5 0 0 1-14.901 62.064l-44.345-17.023a197 197 0 0 0 12.006-50.006Zm-34.441 99.855a243.5 243.5 0 0 1-45.787 55.544L420.819 435.4a197 197 0 0 0 37.043-44.937Zm-73.675 74.801a241.5 241.5 0 0 1-64.437 30.735l-12.718-41.6a198 198 0 0 0 52.83-25.199Zm-83.587 41.879a247.5 247.5 0 0 1-68.723 4.805l3.383-48.382a199 199 0 0 0 55.256-3.864Zm-98.683.861a247.5 247.5 0 0 1-68.969-24.423l22.769-42.823a199 199 0 0 0 55.454 19.637Zm-96.488-45.148a244.5 244.5 0 0 1-86.042-281.429l44.636 16.246a197 197 0 0 0 69.325 226.754Z"/><circle cx="289" cy="289" r="151" fill="url(#SVGBtkZWbTm)" filter="url(#SVGRknVZqkh)"/><g filter="url(#SVGt8zGkeCa)"><circle cx="289" cy="289" r="164" fill="none" stroke="#00fff9" stroke-width="27"/><path fill="#00fff9" d="M204 214h174v16h-79v213h-16V230h-79Z"/></g></g></svg>

Tdarr アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:tdarr" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:tdarr" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:tdarr" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tdarr]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tdarr"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:tdarr"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/tdarr.svg" alt="Tdarr アイコン" width="24" height="24">

Tdarr アイコンのよくある質問

Tdarr アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Tdarr アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:tdarr" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Tdarr アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/tdarr.svg" alt="Tdarr アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →