Drawbridge アイコン

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

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

game-icons:drawbridge

Drawbridge アイコン(game-icons:drawbridge)は、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="M25 25v462h142V156.271l48-48V25h-30v48h-50V25h-30v48H55V25zm167.38 131.348l-7.38 7.38v10.418c4.551-.619 9.936 1.222 13.258 3.102c3.798 2.819 11.29 7.973 9.474 13.572c-4.443 3.557-12.158.989-16.488-1.455c-2.554-1.478-4.656-3.285-6.244-5.09v22.153c7.553 3.05 14.707 4.827 21.854 3.879c3.51 7.926 10.723 15.014 16.917 18.681c8.36 3.946 16.533 6.437 24.627 5.364c3.506 7.927 10.725 15.013 16.918 18.68c8.36 3.944 16.532 6.436 24.625 5.363c3.51 7.926 10.724 15.014 16.918 18.681c8.36 3.946 16.533 6.435 24.627 5.361c3.506 7.928 10.724 15.015 16.918 18.682c8.36 3.945 16.532 6.437 24.625 5.363c1.285 3.252 3.345 6.525 5.31 8.95L185 363.232v37.086l276.902-68.463l-8.64-34.947l-20.823 5.149c-3.111-8.604-10.869-16.274-17.447-20.168c-8.36-3.946-16.533-6.435-24.627-5.362c-3.506-7.927-10.722-15.016-16.916-18.683c-8.36-3.946-16.532-6.433-24.627-5.36c-3.51-7.926-10.723-15.016-16.918-18.683c-8.36-3.943-16.533-6.44-24.627-5.36c-3.505-7.926-10.722-15.016-16.916-18.683c-8.36-3.945-16.533-6.435-24.627-5.362c-3.51-7.926-10.722-15.016-16.918-18.683c-8.36-3.945-16.533-6.433-24.627-5.36c-3.505-7.927-10.721-15.016-16.916-18.683c-4.816-2.788-9.868-4.587-14.892-5.322zm47.42 44.945c3.801 2.82 11.292 7.97 9.477 13.572c-4.444 3.554-12.16.988-16.488-1.455c-3.8-2.82-11.295-7.97-9.476-13.572c4.317-3.522 11.902-1.141 16.488 1.455zm41.546 24.043c3.798 2.819 11.29 7.973 9.474 13.572c-4.443 3.557-12.158.989-16.488-1.455c-3.802-2.82-11.29-7.968-9.477-13.572c4.32-3.522 11.905-1.141 16.49 1.455zm41.543 24.045c3.798 2.819 11.292 7.97 9.476 13.57c-4.444 3.557-12.159.989-16.488-1.455c-3.802-2.82-11.294-7.967-9.477-13.572c4.318-3.52 11.904-1.139 16.489 1.457m41.545 24.043c3.8 2.82 11.289 7.97 9.474 13.572c-4.444 3.554-12.16.988-16.488-1.455c-3.8-2.82-11.291-7.97-9.477-13.572c4.335-3.473 11.76-1.223 16.49 1.455zm41.543 24.043c3.48 2.414 7.061 5.386 8.863 8.941l-14.914 3.688c-4.09-3.23-12.418-7.978-10.438-14.084c4.334-3.472 11.759-1.223 16.489 1.455M425 405v18h62v-18zm-75.129 35.988C327.917 441.483 307.51 460.65 288 461c-23.065-2.608-43.13-19.673-64-20c-14.073 1.314-26.678 4.405-39 8.736v19.51c12.73-5.24 26.302-10.001 39-10.246c23.065 2.608 43.13 19.673 64 20c22.767.773 43.861-19.639 64-20c5.556 0 14.283 1.97 23.24 4.68c5.96-4.151 11.487-8.612 16.446-13.537C378.966 445.47 364.568 441 352 441a38 38 0 0 0-2.129-.012m71.461.012c-11.844 20.648-29.735 34.582-49.146 46H487v-46z"/></svg>

Drawbridge アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Game Icons をすべて見る →