Tripwire アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:tripwire

Tripwire アイコン(game-icons:tripwire)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M286.744 21.547a473 473 0 0 1-4.957 6.834c38.034 51.844 103.708 76.224 173.178 82.474c13.11-6.39 26.162-11.963 38.918-16.58V21.548h-207.14zm-25.69 9.433c-20.84 10.833-38.307 23.567-49.007 49.176c37.385 66.692 112.608 102.866 172.61 104.35c11.825-3.2 24.977-13.167 36.33-26.04c8.29-9.4 15.563-20.152 21.21-30.155c-72.312-8.52-141.943-36.982-181.142-97.33zM19.11 97.184v29.4l151.57 99.748c57.505 36.702 117.367 36.728 154.74 23.232l1.676-.605l167.115 5.02v-25.013l-166.4-4.385c-54.14 21.71-111.908 5.425-158.16-26.836zm190.066 13.027c-18.214 18.024-37.106 35.752-56.135 53.97l27.226 18.185l.076.053c43.277 30.187 94.89 44.057 142.3 24.16l.633-.266c3.48-3.647 7.04-7.246 10.682-10.787c-46.328-12.848-92.928-41.553-124.78-85.314zm-100.48 97.702c-22.804 23.482-45.208 48.607-66.282 76.8c18.363 26.406 33.822 47.598 58.59 72.91l40.01-13.55l2.683 9.448c16.595 58.413 65.496 102.963 124.803 125.224c34.063 12.786 71.337 18.066 107.42 14.545c23.416-6.13 21.926-43.985 3.47-67.608a407 407 0 0 1-49.046-63.996c-27.71 1.756-42.737 15.45-62.42 35.37l-13.293-13.134c18.315-18.535 37.307-35.014 65.46-39.748a401 401 0 0 1-12.592-24.785c-33.757-9.66-53.897-.522-81.312 13.964l-8.73-16.524c20.48-10.82 40.906-19.966 65.56-19.836q1.192.006 2.398.04c4.2.125 8.525.523 12.992 1.224a390 390 0 0 1-8.092-22.362c-38.586 3.26-84.892-5.22-129.69-33.81l-.054-.035l-51.875-34.138z"/></svg>

Tripwire アイコンの使い方

React

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

<Icon icon="game-icons:tripwire" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:tripwire" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:tripwire" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--tripwire]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:tripwire"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/tripwire.svg" alt="Tripwire アイコン" width="24" height="24">

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

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

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

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →