Castle Gate With Battlements アイコン
pinhead:castle-gate-with-battlements
Castle Gate With Battlements アイコン(pinhead:castle-gate-with-battlements)は、Pinhead Map Icons セットの無料 SVG アイコンです（作者: Quincy Morgan）。 15 × 15 のグリッドで描かれています。 Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Pinhead Map Icons
- 作者
- Quincy Morgan
- ライセンス
- CC0-1.0
- サイズ
- 15 × 15
- タグ
- castlegate、gatewith、withbattlements、castlegatewithbattlements、battlement
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M12.37.98c-.12.01-.22.11-.21.23l-.01 2.3v.84h-.36v-.84h-.67v.84h-.36v-.84h-.67v.86c.33.08-.05.66.33.85h4.12c.38-.25.06-.6.33-.85v-.86h-.66v.84h-.37v-.84h-.66v.84h-.36v-.84h-.22V2l.29-.07c1.58-.32-1.05.98 1.82.42c.11-.03.28-.12.17-.16c-2.6-.27 1.26-.95-2.29-.96v-.02a.21.21 0 0 0-.13-.21a.3.3 0 0 0-.09-.02M2.4.99c-.12.01-.22.11-.22.23v2.29h-.04v.84h-.36v-.84h-.67v.84H.75v-.84H.09v.86c.32.08-.06.66.33.85h4.11c.38-.25.06-.6.34-.85v-.86H4.2v.84h-.36v-.84h-.67v.84h-.36v-.84h-.19l-.01-1.48c2.29-.6-.93 1.44 2.31.31c.21-.07.23-.13.06-.14h-.07c-2.52-.07 1.26-.95-2.29-.96v-.02c0-.09-.05-.18-.13-.21A.3.3 0 0 0 2.4.99M.42 5.62v2.54h4.11V5.62zm10 0v2.54h4.12V5.62zm-8.7.72h1.51v1.03H1.72zm10.01 0h1.51v1.03h-1.51zM5.79 7.73h-.65v6.29h1.04v-2.77c-.02-.3.16-.48.6-.53h1.4c.49.01.6.21.6.46v2.84h1.04V7.73h-.65v.84h-.36v-.84h-.65v.84h-.35v-.84h-.66v.84H6.8v-.84h-.66v.84h-.35zm-5.37.84v5.45h4.11V8.57zm10 0v5.45h4.12V8.57zm-4.3.67h.6v.71h-.6zm2.12 0h.6v.71h-.6zm-6.28.52h1.03v1.51H1.96zm10.01 0H13v1.51h-1.03z"/></svg>
Castle Gate With Battlements アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:castle-gate-with-battlements" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:castle-gate-with-battlements" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:castle-gate-with-battlements" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--castle-gate-with-battlements]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:castle-gate-with-battlements"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="pinhead:castle-gate-with-battlements"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/castle-gate-with-battlements.svg" alt="Castle Gate With Battlements アイコン" width="24" height="24">
Pinhead Map Icons の関連アイコン
Castle Gate With Battlements アイコン のよくある質問
Castle Gate With Battlements アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Castle Gate With Battlements アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:castle-gate-with-battlements" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Castle Gate With Battlements アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/castle-gate-with-battlements.svg" alt="Castle Gate With Battlements アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Pinhead Map Icons をすべて見る →
ICONYZ
