Sextant アイコン

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

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

game-icons:sextant

Sextant アイコン(game-icons:sextant)は、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="m259.348 69.037l17.33 4.867l-6.016 21.416c4.62 5.93 7.39 13.372 7.39 21.47c-.006 12.142-6.268 23.15-16.13 29.464h-45.147l1.434-4.848a35 35 0 0 1-10.16-24.615c0-17.235 12.463-31.55 28.866-34.452l-12.203 43.447l17.328 4.867l13.12-46.71l4.188-14.905zm26.048 76.078c14.414 11.826 33.446 30.675 48.047 40.774l-10.357 36.874l15.502 4.353c.257 1.342.64 2.682 1.195 4.014l68.957 90.68c7.848-6.045 12.38-.656 16.213 3.946a278 278 0 0 0 35.293-36.963l25.715 25.115c-57.415 70.63-144.954 115.828-242.91 115.828c-14.104 0-27.986-.958-41.6-2.773l8.913-30.674a27 27 0 0 0 1.903-4.247a281 281 0 0 0 30.785 1.693c59.417 0 114.406-18.63 159.466-50.377l-31.246-41.09c-27.794 19.263-60.113 32.44-95.024 37.605a26.82 26.82 0 0 1-25.87 19.88a26.82 26.82 0 0 1-25.35-18.155a226 226 0 0 1-10.805-1.12c1.67-5.84 3.352-11.68 5.036-17.52a204 204 0 0 0 6.05.604a26.8 26.8 0 0 1 3.17-6.046l-4.13-12.147c6.6-22.71 13.282-45.413 19.966-68.116h10.04l6.99 71.25a26.82 26.82 0 0 1 13.433 13.408c31.438-4.814 60.538-16.667 85.65-33.902l-80.82-106.278V152.27a54 54 0 0 0 5.79-7.155zm-132.066 3.14v78h-17.725v-78zm60.275 7v64H171.33v-64zm-96 0v64h-30v-64zm144 9v46h-30v-46zm94.25 1.19l17.327 4.867l-17.305 61.616l-17.33-4.867l8.312-29.593l1.507-5.367l7.487-26.655zm-286.25 5.81v32h-43v-32zm158.034 66l-37.312 127.388l8.14 15.27l-18.33 63.05l-62.273-20.6l20.455-62.324l17.303-7.13l34.225-115.656h37.79zm-64.802 7L129.43 290.52a207 207 0 0 0 23.953 13.482a9752 9752 0 0 0-5.123 17.428a225.4 225.4 0 0 1-29.32-16.38l-30.206 41.83a276.5 276.5 0 0 0 31.21 18.112c-4.116 11.318-7.75 22.83-11.378 34.344a314.2 314.2 0 0 1-82.527-57.244l22.86-27.674a277 277 0 0 0 18.405 16.53c2.902-3.237 8.592-5.312 12.445-2.37l60.887-84.324h22.2z"/></svg>

Sextant アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Game Icons をすべて見る →