Crossedflags icon
fxemoji:crossedflags
The Crossedflags icon (fxemoji:crossedflags) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- Objects
- Tags
- crossedflag
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#E8E8E6" d="M32.439 296.116L1.838 181.914a7.2 7.2 0 0 1 5.091-8.818l193.004-51.715a7.2 7.2 0 0 1 8.818 5.091l30.601 114.203a7.2 7.2 0 0 1-5.091 8.818L41.257 301.208a7.2 7.2 0 0 1-8.818-5.092m448.356 0l30.601-114.203a7.2 7.2 0 0 0-5.091-8.818L313.3 121.38a7.2 7.2 0 0 0-8.818 5.091l-30.601 114.203a7.2 7.2 0 0 0 5.091 8.818l193.004 51.715a7.2 7.2 0 0 0 8.819-5.091"/><path fill="#C1C5C6" d="m319.655 102.746l-53.18 198.035l43.846 163.145c1.361 5.067-1.643 10.278-6.709 11.641a9.5 9.5 0 0 1-2.472.327c-4.191 0-8.028-2.795-9.169-7.036L256.641 337.4L221.34 468.856c-1.139 4.241-4.977 7.038-9.169 7.038a9.5 9.5 0 0 1-2.47-.327c-5.067-1.36-8.072-6.571-6.711-11.639l43.81-163.143l-53.223-198.036c-1.362-5.067 1.642-10.278 6.708-11.64c5.066-1.365 10.279 1.642 11.64 6.708l44.708 166.35l44.671-166.348c1.36-5.066 6.57-8.073 11.639-6.711c5.069 1.36 8.074 6.571 6.712 11.638"/><path fill="#FF473E" d="M158.098 201.245c5.864 21.884-7.123 44.379-29.007 50.242s-44.379-7.123-50.242-29.007c-5.864-21.884 7.123-44.379 29.007-50.242c21.884-5.864 44.379 7.123 50.242 29.007m46.125-95.475c5.068-1.358 8.076-6.567 6.718-11.635l-2.535-9.462c-1.358-5.068-6.567-8.079-11.635-6.718c-5.068 1.358-8.076 6.567-6.718 11.635l2.535 9.462c1.137 4.245 4.976 7.044 9.17 7.044c.814 0 1.641-.106 2.465-.326m150.912 95.475c-5.864 21.884 7.123 44.379 29.007 50.242c21.884 5.864 44.379-7.123 50.242-29.007c5.864-21.884-7.123-44.379-29.008-50.242c-21.883-5.864-44.377 7.123-50.241 29.007M320.646 99.052l2.535-9.462a9.5 9.5 0 0 0-18.354-4.917l-2.535 9.462c-1.357 5.068 1.65 10.277 6.718 11.635c.824.221 1.65.326 2.465.326c4.195 0 8.034-2.8 9.171-7.044"/></svg>How to use the Crossedflags icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:crossedflags" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:crossedflags" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:crossedflags" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--crossedflags]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:crossedflags"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:crossedflags"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/crossedflags.svg" alt="Crossedflags icon" width="24" height="24">Crossedflags icon FAQ
Is the Crossedflags icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Crossedflags icon in React?
Install @iconify/react and render <Icon icon="fxemoji:crossedflags" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Crossedflags icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/crossedflags.svg" alt="Crossedflags icon">, or paste the SVG code inline to style it with CSS.