Tsdown アイコン

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

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

thesvg-color:tsdown

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><g fill="none"><path d="M0 100h100V0H0z"/><path fill="#bababa" d="M28.936 21.766c6.044-6.801 24.17-9.271 28.82-6.88c4.65 2.39 18.957 20.6 16.27 25.07c-4.494 7.474-12.146 12.953-13.56 14.04c-1.63-2.596-11.845 1.812-9.51 6.5c.177 1.968-9.958 6.737-14.571 7.132c-.39.096-.753.1-1.08-.002c-6.006-.736-16.748-13.029-18.04-18.01c-2.307-8.906 9.442-25.343 11.67-27.85"/><path stroke="rgba(107, 107, 107, 0.78)" d="M28.936 21.766c6.044-6.801 24.17-9.271 28.82-6.88c4.65 2.39 18.957 20.6 16.27 25.07m-45.09-18.19c-2.229 2.507-13.978 18.944-11.67 27.85c1.29 4.981 12.033 17.275 18.04 18.01m-6.37-45.86c11.068 20.395 23.02 27.35 22.02 28.73m23.07-10.54c-4.494 7.474-12.146 12.953-13.56 14.04c-1.63-2.596-11.845 1.812-9.51 6.5c.193 2.141-11.82 7.598-15.65 7.13m38.72-27.67l-23.07 10.54m-15.65 17.13c4.286 1.35 14.65-15.75 15.65-17.13"/><path fill="#d1a656" stroke="rgba(122, 85, 15, 1)" d="M50.973 60.471c-1.944-4.87 7.645-9.002 9.5-6.5l21.49 23.02c-1.345-2.42-13.998 4.749-11.5 9z"/><path fill="#b87e44" stroke="rgba(122, 85, 15, 1)" d="M69.966 84.991c.773 4.606 14.847-3.112 12-8c-.369-2.536-12.413 3.829-12 8Z"/><path fill="#89a5e8" stroke="rgba(69, 106, 191, 1)" d="M39.002 25.702c-1.339-3.997 17.228-6.866 17.252-5.261c2.252.369 11.882 14.597 10.554 14.38c.063 2.62-12.309 8.091-14.769 7.032c-1.408 0-10.567-8.776-13.037-16.15Z"/><path stroke="rgba(255, 255, 255, 1)" stroke-linecap="round" d="m56.822 33.529l.102.348q.023.075.038.115l.024.064l.019.046l.024.058a1 1 0 0 0 .066.143a2 2 0 0 0 .07.126a2 2 0 0 0 .085.138l.086.141l.06.089a1 1 0 0 1 .064.1l.034.058a1 1 0 0 1 .078.142l.042.091l.1.214l.05.103l.045.094l.08.186a1 1 0 0 0 .075.146a3 3 0 0 1 .08.152l.04.083a3 3 0 0 0 .076.156l.036.072l.036.072q.018.036.037.069a2 2 0 0 1 .08.145a3 3 0 0 1 .084.162l.063.123l.065.123a4 4 0 0 0 .115.204l.01.017q.003.008.009.015l.01.017l.009.02l.01.02a.3.3 0 0 1 .02.048q.007.016.01.028l.008.022l.01.025q.007.014.028.072l.035.102m-4.402-3.4l.32-.194l.13-.081q.055-.037.118-.073l.11-.066a3 3 0 0 1 .225-.126l.12-.063l.234-.122q.06-.03.117-.061l.116-.06l.214-.108l.112-.055a10 10 0 0 0 .444-.234l.212-.108a5 5 0 0 1 .425-.188l.224-.089l.296-.111l.078-.033l.145-.056l.127-.048l.077-.026l.044-.016l.052-.024l.2-.102m3.65-1.183a13 13 0 0 0-.34-.162l-.07-.03a1.2 1.2 0 0 0-.222-.055a1 1 0 0 0-.158-.006l-.101.001a1 1 0 0 0-.264.07a1.3 1.3 0 0 0-.25.14a1 1 0 0 0-.103.085a2 2 0 0 0-.17.185q-.044.058-.091.13l-.089.135a2 2 0 0 0-.079.13a1.4 1.4 0 0 0-.116.263a1.8 1.8 0 0 0-.086.434a3 3 0 0 0-.01.167a8 8 0 0 0-.006.331q0 .078.015.16a1.2 1.2 0 0 0 .164.41a3 3 0 0 0 .14.2a1 1 0 0 0 .093.1l.039.03a.6.6 0 0 0 .103.047a1 1 0 0 0 .152.038q.03.005.068.007l.082.003q.045 0 .106-.003a1 1 0 0 0 .118-.017a2 2 0 0 0 .383-.13l.156-.072l.164-.074a3 3 0 0 1 .498-.178a5 5 0 0 1 .323-.057l.149-.023a3 3 0 0 1 .488-.038l.063-.001h.061q.008 0 .034.01a1 1 0 0 1 .134.063a1 1 0 0 1 .095.058l.06.05l.029.026a.1.1 0 0 1 .024.03l.026.049l.033.066q.02.036.037.076a.7.7 0 0 1 .052.182q.006.044.009.092a3 3 0 0 1 .005.203a1 1 0 0 1-.009.11a1 1 0 0 1-.026.12a3 3 0 0 1-.081.258a1.87 1.87 0 0 1-.654.892a2 2 0 0 1-.285.17a2 2 0 0 1-.305.118a4 4 0 0 1-.301.074a2 2 0 0 1-.133.02l-.287.027l-.121.01l-.102.009l-.096.005l-.215.011a3 3 0 0 1-.23.007a2 2 0 0 1-.166-.004L60.904 36a.3.3 0 0 1-.086-.023l-.097-.037"/><path fill="#fcd056" stroke="rgba(184, 151, 61, 1)" d="M33.883 39.842c1.183-1.285 5.424 3.831 4.557 5.355c-1.38 2.425-5.398 5.828-5.398 6.842s2.017 1.64 2.017 3.517c0 .994-8.02.088-8.004-.505c-.627-.46-1.84-6.379-1.604-9.43c.235-3.051 3.255 2.765 3.737 2.001c2.88-4.562 3.513-6.494 4.695-7.78Z"/></g></svg>

Tsdown アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

他のアイコンセットの Tsdown アイコン

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

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

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

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

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

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

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

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