ICONYZ
日本語
Pinhead Map Icons の Castle Gate With Battlements And Spires アイコン

Castle Gate With Battlements And Spires アイコン

pinhead:castle-gate-with-battlements-and-spires

Castle Gate With Battlements And Spires アイコン(pinhead:castle-gate-with-battlements-and-spires)は、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、battlementsand、andspires、battlement、spire
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M2.52.36L.48 3.61h4.08zm9.99 0l-2.04 3.26h4.08zM.11 4.13V5c.33.08-.06.66.33.85h4.11c.38-.25.06-.6.34-.85v-.87h-.67v.85h-.36v-.85h-.67v.85h-.36v-.85h-.67v.85H1.8v-.85h-.67v.85H.77v-.85zm10 0V5c.33.08-.05.66.33.85h4.12c.38-.25.06-.6.33-.85v-.87h-.66v.85h-.37v-.85h-.66v.85h-.36v-.85h-.67v.85h-.36v-.85h-.67v.85h-.36v-.85zM6.47 6.09c-.12 0-.21.1-.21.22l-.01 2.05h-.09v.84h-.35v-.84h-.65v6.28H6.2v-2.76c-.02-.3.16-.49.6-.53h1.4c.49.01.6.21.6.46v2.83h1.04V8.36h-.65v.84h-.35v-.84h-.66v.84h-.35v-.84h-.66v.84h-.35v-.84H6.7V6.94c2.43-.49-.56 1.01 2.71.31c.19-.03.3-.22.07-.24l-.35.01c-2.06.01.94-.66-2.44-.69v-.02a.196.196 0 0 0-.13-.2a.3.3 0 0 0-.09-.02m-6.03.16v2.54h4.11V6.25zm10 0v2.54h4.12V6.25zm-8.7.72h1.51V8H1.74zm10.01 0h1.51V8h-1.51zM.44 9.2v5.44h4.11V9.2zm10 0v5.44h4.12V9.2zm-4.3.67h.6v.7h-.6zm2.12 0h.6v.7h-.6zm-6.28.51h1.03v1.51H1.98zm10.01 0h1.03v1.51h-1.03z"/></svg>

Castle Gate With Battlements And Spires アイコンの使い方

React

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

<Icon icon="pinhead:castle-gate-with-battlements-and-spires" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:castle-gate-with-battlements-and-spires" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:castle-gate-with-battlements-and-spires" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--castle-gate-with-battlements-and-spires]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:castle-gate-with-battlements-and-spires"></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-and-spires"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/pinhead/castle-gate-with-battlements-and-spires.svg" alt="Castle Gate With Battlements And Spires アイコン" width="24" height="24">

Pinhead Map Icons の関連アイコン

Castle Gate With Battlements And Spires アイコン のよくある質問

Castle Gate With Battlements And Spires アイコンは商用利用でも無料ですか?

はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Castle Gate With Battlements And Spires アイコンを使うには?

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

Castle Gate With Battlements And Spires アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/castle-gate-with-battlements-and-spires.svg" alt="Castle Gate With Battlements And Spires アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Pinhead Map Icons をすべて見る →