Watchtower Castle アイコン
streamline-flex-color:watchtower-castle
Watchtower Castle アイコン(streamline-flex-color:watchtower-castle)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"><g fill="none"><path fill="#d7e0ff" fill-rule="evenodd" d="M2.438 5.278a1.03 1.03 0 0 1-.536-.663l-.034-.124c-.13-.47-.265-.959-.265-1.459c0-.44.105-.872.219-1.29c.12-.44.512-.758.967-.772C5.61.883 8.504.883 11.325.97c.454.014.847.333.967.771c.114.419.22.85.22 1.291c0 .5-.136.988-.266 1.459l-.034.124a1.03 1.03 0 0 1-.536.663a16 16 0 0 1-.74.333l.008.028c.198.772.906 3.523 1.062 6.457c.03.552-.42 1-.972 1H8.6c0-.334-.019-.64-.044-1.036c-.027-.423-.06-.948-.083-1.718c-.029-2.419-3.065-2.419-3.094 0c-.023.77-.056 1.295-.083 1.718c-.025.396-.045.702-.045 1.036h-2.28a.96.96 0 0 1-.971-1c.161-3.035.758-5.777.957-6.58a16 16 0 0 1-.519-.238" clip-rule="evenodd"/><path fill="#fff" d="M8.473 10.342c.045 1.49.128 2.063.128 2.754H5.25c0-.69.084-1.264.129-2.754c.028-2.419 3.064-2.419 3.093 0"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M1.902 4.615c.079.286.268.534.536.663q.258.123.519.238c-.2.803-.796 3.545-.957 6.58c-.03.552.42 1 .972 1h8.062a.96.96 0 0 0 .972-1c-.158-2.971-.882-5.754-1.07-6.485q.373-.158.74-.333a1.03 1.03 0 0 0 .536-.663l.034-.124c.13-.471.265-.959.265-1.459c0-.44-.105-.872-.22-1.29a1.045 1.045 0 0 0-.966-.772a140 140 0 0 0-8.536 0a1.045 1.045 0 0 0-.967.771c-.114.419-.22.85-.22 1.291c0 .5.136.988.266 1.459z"/><path stroke="#4147d5" stroke-linecap="round" stroke-linejoin="round" d="M8.473 10.342c.045 1.49.128 2.063.128 2.754H5.25c0-.69.084-1.264.129-2.754c.028-2.419 3.064-2.419 3.093 0M5.055.904v1.881M9.024.904v1.881"/></g></svg>Watchtower Castle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-flex-color:watchtower-castle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-flex-color:watchtower-castle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-flex-color:watchtower-castle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-flex-color--watchtower-castle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-flex-color -->
<div class="i-streamline-flex-color:watchtower-castle"></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"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-flex-color/watchtower-castle.svg" alt="Watchtower Castle アイコン" width="24" height="24">Flex color icons の関連アイコン
他のアイコンセットの Watchtower Castle アイコン
Watchtower Castle アイコン のよくある質問
Watchtower Castle アイコンは商用利用でも無料ですか?
はい。Flex color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Watchtower Castle アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-flex-color:watchtower-castle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Watchtower Castle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-flex-color/watchtower-castle.svg" alt="Watchtower Castle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。