Castle With Battlements And Spires アイコン
pinhead:castle-with-battlements-and-spires
Castle With Battlements And Spires アイコン(pinhead:castle-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
- タグ
- castlewith、withbattlements、battlementsand、andspires、castlewithbattlementsandspires、battlement、spire
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.55 0c-.12 0-.22.1-.22.22v1.09L5.75 4.02h3.57L7.77 1.38V.85l.39-.06C8.6.73 9.23.66 9.44.74c.28.11-.88.31-.24.75c.63.43 3.02.01 3.19-.17s-2.04.21-2.47-.06c-.45-.29.65-.29.45-.67C10.2.25 8.26.24 7.77.24V.22c0-.09-.05-.17-.14-.2C7.61 0 7.58 0 7.55 0M2.63 2.47L.97 7h3.32zm9.64 0L10.61 7h3.32zM5.11 4.49v.87c.33.08-.06.65.33.84h4.12c.38-.24.06-.6.33-.84v-.87h-.67v.84h-.36v-.84h-.67v.84h-.36v-.84h-.66v.84h-.36v-.84h-.67v.84h-.36v-.84zm.33 2.11v2.54h4.12V6.6zm1.3.72h1.52v1.03H6.74zM.5 7.49v.87c.28.24-.04.6.33.84h4.12V7.49h-.33v.84h-.37v-.84h-.66v.84h-.36v-.84h-.67v.84H2.2v-.84h-.67v.84h-.36v-.84zm9.55 0V9.2h4.12c.37-.24.05-.6.33-.84v-.87h-.67v.84h-.36v-.84h-.67v.84h-.36v-.84h-.67v.84h-.36v-.84h-.66v.84h-.37v-.84zM5.44 9.56V15h.92v-2.77c-.02-.29.14-.48.52-.52h1.24c.43.01.52.2.52.45V15h.92V9.56zM.83 9.6l.65 2.54h3.47V9.6zm9.22 0v2.54h3.47l.65-2.54zm-7.21.65h.75v1.13h-.75zm8.57 0h.75v1.13h-.75zm-9.85 2.3L2.11 15h2.84v-2.45zm8.49 0V15h2.84l.55-2.45z"/></svg>Castle With Battlements And Spires アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:castle-with-battlements-and-spires" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:castle-with-battlements-and-spires" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:castle-with-battlements-and-spires" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--castle-with-battlements-and-spires]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:castle-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-with-battlements-and-spires"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/castle-with-battlements-and-spires.svg" alt="Castle With Battlements And Spires アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Castle With Battlements And Spires アイコン のよくある質問
Castle With Battlements And Spires アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Castle With Battlements And Spires アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:castle-with-battlements-and-spires" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Castle With Battlements And Spires アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/castle-with-battlements-and-spires.svg" alt="Castle With Battlements And Spires アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。