Trireme アイコン

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

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

game-icons:trireme

Trireme アイコン(game-icons:trireme)は、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="m176.837 19.198l-16.84 6.358a409 409 0 0 1 6.2 17.662a604 604 0 0 1 19.026.412a430 430 0 0 0-8.386-24.432m171.73 27.88l-17.076 5.689a308 308 0 0 1 6.451 22.168c6.2-.201 12.885-.21 18.531-.084c-2.243-9.35-4.858-18.625-7.906-27.774zM163.608 61.553c-35.687-.08-72.224 2.875-102.092 9.047c31.502 63.023 21.36 127.176 11.951 186.377c6.66-3.484 14.299-6.825 23.17-9.924c20.7-7.23 46.702-13.283 73.541-16.29c26.84-3.006 54.461-3.007 78.53 2.42c2.393.54 4.752 1.147 7.078 1.807c4.659-43.672 3.944-88.62-19.928-129.758l-5.37-9.254c14.989-5.784 31.568-10.739 45.061-13.65a278 278 0 0 0-8.035-9.91c-26.997-7.045-64.873-10.778-103.906-10.865m186.03 31.215a307 307 0 0 0-6.21.03c-30.306.47-61.853 5.293-86.87 13.055c25.163 50.463 21.18 104.252 14.523 152.272c4.878-2.44 10.147-4.748 16.12-6.99c16.449-6.173 36.648-11.122 57.325-13.38c20.677-2.257 41.797-1.88 60.207 3.286c11.532 3.236 22.213 8.601 30.441 16.525c6.069-19.54 12.783-37.8 15.141-57.576c3.016-25.295-.556-53.611-22.184-92.482c-18.522-9.572-47.56-14.576-78.494-14.74zM34.74 242.779c-1.579 20.015-7.296 37.936-8.25 56.257c-.764 15.604 1.607 33.312 6.898 50.799c9.265 30.615 27.63 61.29 56.248 75.158L41.58 479.661l13.52 11.885l56.663-64.46c6.464 1.064 13.686 1.997 21.569 2.808L89.579 479.66l13.52 11.885l52.556-59.785c7.252.486 14.971.884 22.953 1.228l-41.03 46.672l13.52 11.885l50.778-57.762c10.092.258 20.587.43 31.443.518l-40.98 46.615l13.519 11.885l51.373-58.438c8.072-.004 16.766-.047 24.094-.07l-40.987 46.623l13.52 11.885l51.518-58.602c8.254-.038 16.347-.09 24.191-.181l-41.229 46.898l13.52 11.885l52.078-59.24c51.293-1.339 93.833-5.506 131.713-19.575l-2.457-17.558c-34.2-1.249-51.658-29.807-43.396-54.461c5.637-4.618 10.617-9.951 14.673-15.858c11.127-16.2 14.881-37.733 4.229-57.478l-15.842 8.547c7.38 13.678 5.014 26.75-3.223 38.742c-3.941 5.738-9.35 10.968-15.57 15.242c-108.045 18.877-295.175 45.39-372.65 15.988c-4.219-15.394-7.539-32.63-6.944-47.236l.002-.018l25.604-15.914zm170.699 4a273 273 0 0 0-17.19.5c-1.076 30.34-3.038 66.685-4.462 97.138l17.98-1.158c1.43-30.563 3.467-65.377 4.565-96.469c-.299-.002-.594-.01-.893-.012zm160.512 7.712c-6.009.048-12.151.404-18.295 1.04c-1.834 26.561-4.137 54.553-5.192 74.027l17.973-3.028c1.053-19.438 3.573-44.157 5.514-72.039m21.32 102.58c15.183.519 36.84 18.13 36.559 23.008c-.291 5.035-21.101 27.619-35.309 27.943s-38.825-16.226-38.951-20.71s21.04-29.602 36.252-30.237q.714-.029 1.45-.004zm-.758 11.395c-7.739 0-14.012 6.275-14.011 14.013c0 7.74 6.272 14.013 14.011 14.014c7.74 0 14.014-6.274 14.014-14.014s-6.274-14.013-14.014-14.013"/></svg>

Trireme アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Game Icons をすべて見る →