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 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 コードをページに直接貼り付けます。