Castle With Battlements アイコン
pinhead:castle-with-battlements
Castle With Battlements アイコン(pinhead:castle-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
- タグ
- castlewith、withbattlements、castlewithbattlements、battlement
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.75.74c-.13 0-.23.11-.23.24v1.29c0 .32.47.32.47 0v-.62l.37-.06c.48-.06 1.19-.14 1.42-.05c.3.11-.94.32-.26.79s3.24.02 3.43-.17c.18-.2-2.2.21-2.65-.07c-.49-.31.69-.31.48-.72C10.6 1.01 8.52 1 7.99 1V.98c0-.1-.06-.19-.14-.22a.4.4 0 0 0-.1-.02M4.94 3v.93c.35.08-.06.7.35.9h4.42c.4-.26.06-.64.35-.9V3h-.71v.9h-.39V3h-.72v.9h-.38V3h-.72v.9h-.38V3h-.72v.9h-.39V3zm.35 2.26v2.72h4.42V5.26zm1.4.77h1.62v1.11H6.69zM0 6.21v.93c.29.26-.05.64.36.91h4.41V6.21h-.36v.9h-.39v-.9h-.71v.9h-.39v-.9H2.2v.9h-.38v-.9H1.1v.9H.72v-.9zm10.23 0v1.84h4.41c.41-.27.07-.65.36-.91v-.93h-.72v.9h-.38v-.9h-.72v.9h-.38v-.9h-.72v.9h-.39v-.9h-.71v.9h-.39v-.9zM5.29 8.42v5.84h.98v-2.97c-.01-.31.16-.51.57-.56h1.32c.46.01.56.22.57.49v3.04h.98V8.42zm-4.93.05l.69 2.72h3.72V8.47zm9.87 0v2.72h3.72l.69-2.72zm-7.72.7h.8v1.21h-.8zm9.18 0h.8v1.21h-.8zM1.14 11.64l.59 2.62h3.04v-2.62zm9.09 0v2.62h3.04l.59-2.62z"/></svg>Castle With Battlements アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:castle-with-battlements" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:castle-with-battlements" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:castle-with-battlements" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--castle-with-battlements]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:castle-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-with-battlements"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/castle-with-battlements.svg" alt="Castle With Battlements アイコン" width="24" height="24">Pinhead Map Icons の関連アイコン
Castle With Battlements アイコン のよくある質問
Castle With Battlements アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Castle With Battlements アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:castle-with-battlements" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Castle With Battlements アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/castle-with-battlements.svg" alt="Castle With Battlements アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。