Watchtower Castle Flat アイコン
streamline-flex-color:watchtower-castle-flat
Watchtower Castle Flat アイコン(streamline-flex-color:watchtower-castle-flat)は、Flex color icons セットの無料 SVG アイコンです（作者: Streamline）。 14 × 14 のグリッドで描かれています。 Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Flex color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 14 × 14
- カテゴリ
- エンターテインメント
- タグ
- watchtowercastle、castleflat、watchtowercastleflat
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none"><path fill="#2859c5" d="M5.5.52Q7.04.503 8.577.518l1.25.018q.89.016 1.773.044c.484.015.902.354 1.03.821c.121.446.233.905.233 1.374c0 .533-.144 1.052-.283 1.553l-.036.132a1.1 1.1 0 0 1-.57.706q-.39.188-.788.354l.008.03c.212.822.965 3.75 1.131 6.874c.032.587-.447 1.064-1.034 1.064H2.708c-.588 0-1.066-.477-1.034-1.064c.172-3.231.806-6.15 1.019-7.005q-.278-.121-.553-.253a1.1 1.1 0 0 1-.57-.706l-.037-.132c-.138-.501-.282-1.02-.282-1.553c0-.469.112-.928.233-1.374A1.11 1.11 0 0 1 2.514.58Q3.378.554 4.25.538z"/><path fill="#8fbffa" d="M8.577.519Q7.038.504 5.5.519v1.667a.625.625 0 1 1-1.25 0V.538Q3.38.554 2.514.58a1.11 1.11 0 0 0-1.03.821c-.121.446-.233.905-.233 1.374c0 .533.144 1.052.282 1.553l.037.132c.084.305.285.569.57.706q.275.131.553.253c-.213.855-.847 3.774-1.02 7.005a1.02 1.02 0 0 0 1.035 1.064h2.438q.016-.39.043-.891c.027-.523.06-1.136.082-1.842c.03-2.4 3.263-2.4 3.293 0c.023.706.055 1.32.082 1.842q.027.5.043.89h2.602c.588 0 1.066-.476 1.034-1.063c-.166-3.124-.92-6.052-1.13-6.874l-.009-.03q.397-.167.788-.354c.285-.137.486-.401.57-.706l.037-.132c.138-.501.282-1.02.282-1.553c0-.469-.112-.928-.233-1.374a1.11 1.11 0 0 0-1.03-.82Q10.717.554 9.827.537v1.649a.625.625 0 1 1-1.25 0z"/></g></svg>Watchtower Castle Flat アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:watchtower-castle-flat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:watchtower-castle-flat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:watchtower-castle-flat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--watchtower-castle-flat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:watchtower-castle-flat"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-flex-color:watchtower-castle-flat"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/watchtower-castle-flat.svg" alt="Watchtower Castle Flat アイコン" width="24" height="24">Flex color icons の関連アイコン
Watchtower Castle Flat アイコン のよくある質問
Watchtower Castle Flat アイコンは商用利用でも無料ですか?
はい。Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Watchtower Castle Flat アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex-color:watchtower-castle-flat" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Watchtower Castle Flat アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/watchtower-castle-flat.svg" alt="Watchtower Castle Flat アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。