ICONYZ
日本語
theSVG の Tripdotcom アイコン

Tripdotcom アイコン

thesvg:tripdotcom

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

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.834 9.002c-.68 0-1.29.31-1.707.799v-.514h-1.708v8.348h1.897v-2.923c.416.344.943.551 1.518.551c1.677 0 3.036-1.401 3.036-3.13s-1.36-3.13-3.036-3.13zm-.19 4.516c-.733 0-1.328-.62-1.328-1.385s.595-1.385 1.328-1.385s1.328.62 1.328 1.385s-.594 1.385-1.328 1.385m6.356.607a1.138 1.138 0 1 1-2.277 0a1.138 1.138 0 0 1 2.277 0M13.205 7.428a1.062 1.062 0 1 1-2.125 0a1.062 1.062 0 0 1 2.125 0m-2.011 1.859h1.897v5.692h-1.897zM6.83 8.225H4.364v6.754H2.466V8.225H0V6.63h6.83zm3.035 1.033q.194.002.38.03v1.74a1.6 1.6 0 0 0-.297-.031c-.88 0-1.594.612-1.594 1.593v2.389H6.451V9.287h1.707v.9c.363-.558.991-.93 1.707-.93z"/></svg>

Tripdotcom アイコンの使い方

React

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

<Icon icon="thesvg:tripdotcom" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:tripdotcom" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:tripdotcom" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:tripdotcom"></iconify-icon>

HTML 画像

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

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

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

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

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

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

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

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

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

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