Tripo アイコン
thesvg:tripo
Tripo アイコン(thesvg:tripo)は、theSVG セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd"><path d="M12.661 4.752a.04.04 0 0 0-.013-.055a.04.04 0 0 0-.02-.005H6.496a.19.19 0 0 1-.165-.092L4.245 1.052a.034.034 0 0 1 .014-.047L4.275 1q8.238 0 15.721.002c2.089 0 3.699 1.54 4.003 3.598q.012.092-.08.092h-6.67a.2.2 0 0 0-.174.1q-2.121 3.615-4.218 7.178c-.28.472-.92.62-1.373.342q-.285-.175-.502-.561a38 38 0 0 0-.882-1.489q-.333-.534-.035-1.052a662 662 0 0 1 2.597-4.46v.002z"/><path d="M10.772 16.986c.57.972 1.935.916 2.489-.028L19 7.164a.13.13 0 0 1 .116-.067h4.23c.017 0 .03.014.028.03q0 .008-.003.013q-3.908 6.648-7.88 13.42c-1.283 2.191-4.278 2.517-6.179.947q-.463-.382-1.069-1.417Q4.456 13.605.523 6.928c-1.063-1.803-.424-3.947 1.19-5.2q.079-.061.129.023q4.358 7.425 8.93 15.236z"/></g></svg>Tripo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg:tripo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg:tripo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg:tripo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--tripo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:tripo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg:tripo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg/tripo.svg" alt="Tripo アイコン" width="24" height="24">他のアイコンセットの Tripo アイコン
Tripo アイコン のよくある質問
Tripo アイコンは商用利用でも無料ですか?
はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Tripo アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg:tripo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tripo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/tripo.svg" alt="Tripo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。