Tds アイコン
arcticons:tds
Tds アイコン(arcticons:tds)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="15.342" cy="38.101" r="5.399" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="15.342" cy="38.101" r="2.845" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="33.303" cy="38.101" r="5.399" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><circle cx="33.303" cy="38.101" r="2.845" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M20.741 38.101h7.162m-13.377-5.337l-4.2-15.136M9.241 22.26l9.317-8.735M24.513 4.5l-.053 9.952m-15.722-.688l15.775-7.04l14.04 5.765c-1.653 1.09-3.797.057-5.809.692s-8.231-1.217-8.231-1.217c-4.103.688-6.345 2.293-9.714.609c-1.27-.635-4.21.365-4.21.365m28.673 1.62l-2.675-1.54m-2.751 2.241l-2.024-1.948M19.419 34.562V20.947a3.674 3.674 0 0 1 3.681-3.681h.293m3.568 0h.302a3.68 3.68 0 0 1 3.682 3.681v12.3"/><rect width="3.564" height="2.223" x="23.397" y="16.152" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx=".71" ry=".71"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.683 19.597h-1.586a1.9 1.9 0 0 0-1.907 1.898v.198c0 .614.491 1.105 1.095 1.105h2.134m5.647-2.57h2.837m3.042 2.032h-9.648v2.825a2.87 2.87 0 0 0 2.872 2.872h3.904a2.87 2.87 0 0 0 2.872-2.872z"/><circle cx="23.854" cy="24.119" r=".75" fill="currentColor"/><circle cx="28.946" cy="24.119" r=".75" fill="currentColor"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.397 34.934h3.166V38.1h-3.166z"/></svg>Tds アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:tds" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:tds" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:tds" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--tds]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:tds"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:tds"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/tds.svg" alt="Tds アイコン" width="24" height="24">Arcticons の関連アイコン
Tds アイコン のよくある質問
Tds アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Tds アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:tds" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tds アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/tds.svg" alt="Tds アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。