ICONYZ
English
Spanishflag icon from Firefox OS Emoji

Spanishflag icon

fxemoji:spanishflag

The Spanishflag icon (fxemoji:spanishflag) 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
Flags
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFB636" d="M1.793 161.987v186.402c169.54 52.36 339.079-52.36 508.619 0V161.987c-169.54-52.36-339.079 52.359-508.619 0"/><path fill="#E8E8E8" d="M171.242 289.342h-36.121v-41.325h30.361a5.76 5.76 0 0 1 5.76 5.76z"/><path fill="#E2A042" d="M172.313 220.667h-31.481c.948-2.526 1.518-5.688 1.518-9.131c0-8.248-3.237-14.934-7.229-14.934s-7.229 6.686-7.229 14.934c0 3.443.57 6.605 1.518 9.131H97.959c-2.445 0-4.177 2.389-3.416 4.713l3.651 11.157a3.595 3.595 0 0 0 3.398 2.477l67.015.334a3.59 3.59 0 0 0 3.44-2.496l3.688-11.491c.745-2.321-.985-4.694-3.422-4.694"/><path fill="#E8E8E8" d="M87.304 281.017a9.304 9.304 0 1 0-18.608 0c0 3.705 2.171 6.894 5.304 8.391v31.509c0 .787.638 1.425 1.425 1.425h5.15c.787 0 1.425-.638 1.425-1.425v-31.509c3.134-1.497 5.304-4.686 5.304-8.391m111.667 0a9.304 9.304 0 1 0-18.608 0c0 3.705 2.17 6.894 5.304 8.391v31.509c0 .787.638 1.425 1.425 1.425h5.15c.787 0 1.425-.638 1.425-1.425v-31.509c3.133-1.497 5.304-4.686 5.304-8.391"/><path fill="#FF473E" d="M510.412 94.03v67.957c-169.54-52.36-339.079 52.36-508.619 0v-57.54c0-11.042 10.303-19.16 21.051-16.631c158.611 37.323 317.223-51.454 475.834-9.093c6.924 1.849 11.734 8.14 11.734 15.307M1.793 348.39v67.956c0 7.167 4.81 13.458 11.734 15.307c159.129 42.499 318.258-46.998 477.387-8.724c9.944 2.392 19.499-5.177 19.499-15.405v-59.136c-169.541-52.358-339.08 52.362-508.62.002m133.328-59.048v-41.325h-30.362A5.76 5.76 0 0 0 99 253.776v50.506c0 9.975 8.086 18.06 18.061 18.06s18.06-8.086 18.06-18.06c0 9.975 8.086 18.06 18.061 18.06s18.06-8.086 18.06-18.06v-14.94zm6.559-67.825c-4.372.174-8.745.353-13.117.528v18.481c4.372-.153 8.745-.312 13.117-.464zm-35.013 19.599a941 941 0 0 0 13.117-.303v-18.44c-4.372.154-8.745.289-13.117.38zm56.909-20.308c-4.372.092-8.745.227-13.117.381v18.586q6.559-.199 13.117-.304z"/><path fill="#E2A042" d="M127.793 289.342h7.328v14.94c0 5.949-2.89 11.211-7.328 14.501zm-21.465 29.441v-29.441H99v14.94c0 5.949 2.89 11.21 7.328 14.501m14.397-29.441h-7.328v32.627a18.1 18.1 0 0 0 7.328 0z"/><path fill="#575A5B" d="M147.459 289.342c0 6.814-5.524 12.338-12.338 12.338s-12.338-5.524-12.338-12.338s5.524-12.338 12.338-12.338s12.338 5.524 12.338 12.338m-60.155 35.089v-3.086a4.65 4.65 0 0 0-4.649-4.649h-9.31a4.65 4.65 0 0 0-4.649 4.649v3.086a4.65 4.65 0 0 0 4.649 4.649h9.31a4.65 4.65 0 0 0 4.649-4.649m111.667 0v-3.086a4.65 4.65 0 0 0-4.649-4.649h-9.31a4.65 4.65 0 0 0-4.649 4.649v3.086a4.65 4.65 0 0 0 4.649 4.649h9.31a4.65 4.65 0 0 0 4.649-4.649"/></svg>

How to use the Spanishflag icon

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:spanishflag" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:spanishflag" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:spanishflag" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--spanishflag]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:spanishflag"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:spanishflag"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/spanishflag.svg" alt="Spanishflag icon" width="24" height="24">

Spanishflag icon FAQ

Is the Spanishflag 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 Spanishflag icon in React?

Install @iconify/react and render <Icon icon="fxemoji:spanishflag" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Spanishflag icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/spanishflag.svg" alt="Spanishflag icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →