Castle With Spires アイコン
pinhead:castle-with-spires
Castle With Spires アイコン(pinhead:castle-with-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、withspires、castlewithspires、spire
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M7.39 0c-.13 0-.22.1-.22.22v.77L5.29 4.14h4.1L7.61 1.16V.85l.38-.06C8.44.73 9.06.66 9.28.74c.28.11-.88.31-.24.75c.63.43 3.02.01 3.19-.17s-2.04.2-2.47-.06c-.45-.29.64-.29.45-.67C10.04.25 8.1.24 7.61.24V.22c0-.09-.05-.17-.14-.2C7.44 0 7.41 0 7.39 0M1.88 3.25v1.51L.06 7.8h4.1L2.31 4.7l-.01-.75c.67-.16.36 1.08 2.3.21c-.21-.09-.56-.07-.3-.49c-1.48.67-.87-.75-2.42-.42m10.77.08v1.43L10.83 7.8h4.11l-1.86-3.1l-.01-.67c.81-.14.56.59 1.58.25c-.24-.02 0-.49.29-.64c-1.63.35-.65-.59-2.29-.31M9.39 4.61h-4.1v.23c.03.45.2.75 1.81.78h.21c2.1 0 2.09-.5 2.08-1.01M6.15 5.97v3.17h2.7V5.97zm1.35.82c.2 0 .49.53.49.53v1.03h-.98V7.32l.08-.13c.1-.16.28-.4.41-.4M4.16 8.27H.06l.01.24c.02.46.2.77 2.01.77c2.1 0 2.1-.49 2.08-1.01m10.78 0h-4.11l.01.24c.03.46.21.77 2.02.77c2.1 0 2.09-.49 2.08-1.01M6.15 9.56c-1.46 0-2.02 1.41-2.33 1.44l.01 4H5.7v-2.77c.6-.01 1.15-.48 1.83-.5c.68-.01 1.17.42 1.8.5V15h1.84l.01-4c-.27-.03-.94-1.43-2.33-1.44zm-5.36.07V15h2.5V9.63zm10.92 0V15h2.5V9.63zm-9.67.9c.24 0 .45.38.45.38v1.73h-.9v-1.73l.04-.06c.07-.11.23-.32.41-.32m10.92 0c.23 0 .44.38.44.38v1.73h-.89v-1.73l.04-.06c.07-.11.23-.32.41-.32"/></svg>
Castle With Spires アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="pinhead:castle-with-spires" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="pinhead:castle-with-spires" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="pinhead:castle-with-spires" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--castle-with-spires]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:castle-with-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-spires"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/pinhead/castle-with-spires.svg" alt="Castle With Spires アイコン" width="24" height="24">
Pinhead Map Icons の関連アイコン
Castle With Spires アイコン のよくある質問
Castle With Spires アイコンは商用利用でも無料ですか?
はい。Pinhead Map Icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Castle With Spires アイコンを使うには?
@iconify/react をインストールして <Icon icon="pinhead:castle-with-spires" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Castle With Spires アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/pinhead/castle-with-spires.svg" alt="Castle With Spires アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Pinhead Map Icons をすべて見る →
ICONYZ
