Crossed Flags アイコン
streamline-emojis:crossed-flags
Crossed Flags アイコン(streamline-emojis:crossed-flags)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Streamline Emojis
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 旗
- タグ
- crossedflags、flag
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12.02 44.44a11.98 1.56 0 1 0 23.96 0a11.98 1.56 0 1 0-23.96 0" opacity=".15"/><path fill="#daedf7" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.49 6.15a.88.88 0 0 0-1.09.61L18 43.31a.87.87 0 0 0 .6 1.09a.88.88 0 0 0 1.1-.6L30.1 7.24a.88.88 0 0 0-.61-1.09"/><path fill="#fff" d="M38 11.06c-2.92-1.9-5.23-2.2-8.16-2.79l-3.31 11.47c3 .61 5.24.9 8.16 2.8a16 16 0 0 0 5.47 2.24l2.3.47a.43.43 0 0 0 .51-.31l3-10.63a.44.44 0 0 0-.34-.55c-2.42-.5-4.76-.76-7.63-2.7"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.41 18.05a3.11 3.11 0 1 1-1.77-3.81a3 3 0 0 1 1.77 3.81"/><path fill="#daedf7" d="M31.44 5.78a1.77 1.77 0 1 1-1.22-2.18a1.77 1.77 0 0 1 1.22 2.18"/><path fill="#daedf7" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30 43.31L19.6 6.76a.88.88 0 1 0-1.7.48L28.34 43.8a.88.88 0 0 0 1.1.6a.87.87 0 0 0 .56-1.09"/><path fill="#fff" d="M10 11.06c2.92-1.9 5.23-2.2 8.16-2.79l3.28 11.47c-3 .61-5.24.9-8.16 2.8a16 16 0 0 1-5.47 2.24l-2.3.47a.43.43 0 0 1-.51-.31L2 14.31a.44.44 0 0 1 .34-.55c2.45-.5 4.79-.76 7.66-2.7"/><path fill="#f0f0f0" d="M36.16 21.17C32.88 19 30.3 18.7 27 18l-.49 1.71c3 .61 5.24.9 8.16 2.8s5.11 2.16 7.77 2.71a.43.43 0 0 0 .51-.31l.3-1a18.8 18.8 0 0 1-7.09-2.74M21 18c-3.19.65-5.82 1-9.14 3.14a18.65 18.65 0 0 1-7.11 2.74l.3 1a.43.43 0 0 0 .51.31c2.66-.54 4.91-.85 7.77-2.71s5.09-2.17 8.16-2.8Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38 11.06c-2.92-1.9-5.23-2.2-8.16-2.79l-3.31 11.47c3 .61 5.24.9 8.16 2.8h0a16 16 0 0 0 5.47 2.24l2.3.47a.43.43 0 0 0 .51-.31l3-10.63a.44.44 0 0 0-.34-.55c-2.42-.5-4.76-.76-7.63-2.7m-28 0c2.92-1.9 5.23-2.2 8.16-2.79l3.28 11.47c-3 .61-5.24.9-8.16 2.8h0a16 16 0 0 1-5.47 2.24l-2.3.47a.43.43 0 0 1-.51-.31L2 14.31a.44.44 0 0 1 .34-.55c2.45-.5 4.79-.76 7.66-2.7"/><path fill="#ff6242" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.59 18.05a3 3 0 0 0 3.95 1.43a3 3 0 0 0 1.77-3.82a3 3 0 0 0-4-1.42a3 3 0 0 0-1.72 3.81"/><path fill="#daedf7" d="M16.56 5.78a1.77 1.77 0 1 0 1.22-2.18a1.77 1.77 0 0 0-1.22 2.18"/><path fill="#fff" d="M30.22 5.06a1.78 1.78 0 0 1 1.12 1c0-.08.07-.16.1-.25a1.77 1.77 0 1 0-3.31.19a1.78 1.78 0 0 1 2.09-.94M16.66 6a1.76 1.76 0 0 1 3.21 0A1.7 1.7 0 0 0 20 4.81a1.75 1.75 0 0 0-2.22-1.21a1.78 1.78 0 0 0-1.22 2.18c.03.09.07.22.1.22"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M31.44 5.78a1.77 1.77 0 1 1-1.22-2.18a1.77 1.77 0 0 1 1.22 2.18m-14.88 0a1.77 1.77 0 1 0 1.22-2.18a1.77 1.77 0 0 0-1.22 2.18"/></svg>Crossed Flags アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-emojis:crossed-flags" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-emojis:crossed-flags" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-emojis:crossed-flags" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--crossed-flags]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:crossed-flags"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-emojis:crossed-flags"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-emojis/crossed-flags.svg" alt="Crossed Flags アイコン" width="24" height="24">Streamline Emojis の関連アイコン
他のアイコンセットの Crossed Flags アイコン
Crossed Flags アイコン のよくある質問
Crossed Flags アイコンは商用利用でも無料ですか?
はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Crossed Flags アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-emojis:crossed-flags" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Crossed Flags アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-emojis/crossed-flags.svg" alt="Crossed Flags アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。