ICONYZ
English
Flag For White Flag icon from Emoji One (v1)

Flag For White Flag icon

emojione-v1:flag-for-white-flag

The Flag For White Flag icon (emojione-v1:flag-for-white-flag) is a free SVG icon from the Emoji One (v1) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Emoji One (v1)
Author
Emoji One
License
CC-BY-SA-4.0
Size
64 × 64
Category
Flags
Tags
flagfor, forwhite, whiteflag, flagforwhiteflag
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#b2b2b2" d="M56.04 11.921c-.321-.754-1.461-1.155-2.203-.896c-5.44 1.901-12.236 2.141-17.346-.973c-.773-.473-1.518-.338-2.061.086c-.715.367-1.17 1.12-.805 2.115c1.956 5.309 2.127 11.126 1.993 16.723a95 95 0 0 1-.407 6.671c-.062.71-.141 1.416-.223 2.122c-.059.492-.117.919-.064.52c-.158 1.107.26 2.02 1.363 2.4c5.253 1.82 10.831 2.563 16.312 1.404c1.346-.284 2.644-.745 3.89-1.322c1.57-.728 1.919-2.582 2.351-4.131c2.204-7.928.362-17.265-2.8-24.719"/><path fill="#fff" d="M54.998 14.03c-.285-.671-1.299-1.028-1.956-.797c-4.842 1.691-10.888 1.906-15.433-.866c-.687-.42-1.352-.301-1.832.075c-.637.327-1.041.998-.717 1.882c1.741 4.724 1.894 9.898 1.776 14.878a87 87 0 0 1-.563 7.822c-.051.438-.105.817-.055.463c-.141.986.229 1.794 1.211 2.134c4.674 1.618 9.634 2.28 14.51 1.25c1.197-.252 2.353-.665 3.462-1.178c1.396-.647 1.705-2.294 2.091-3.675c1.961-7.05.322-15.357-2.494-21.988"/><path fill="#b2b2b2" d="M45.943 32.539s-7.154 11.708-10.762 7.308c0 0-.531-.575-.195-2.077c0 0 .63-4.391.068-6.22c-.557-1.831 1.948-1.623 2.126-1.592c.177.027 4.866.618 4.866.618z"/><path fill="#fff" d="M43.39 33.32s-4.154 6.798-6.247 4.241c0 0-.309-.332-.113-1.204c0 0 .364-2.551.039-3.61c-.324-1.064 1.131-.943 1.232-.927c.105.016 2.828.36 2.828.36z"/><path fill="#a6a8ab" d="M23.991 61.696c.229.81-.69 1.795-2.057 2.202c-1.365.406-2.66.08-2.887-.728L4.037 10.04c-.229-.808.696-1.797 2.061-2.202s2.656-.079 2.885.731l15.01 53.13"/><path fill="#939292" d="M21.52 62.43L6.51 9.3c-.152-.535.215-1.156.88-1.63a4 4 0 0 0-1.295.164c-1.365.405-2.291 1.394-2.062 2.201l15.01 53.13c.227.808 1.521 1.134 2.887.728a4 4 0 0 0 1.177-.573c-.807-.033-1.437-.349-1.591-.893"/><path fill="#b2b2b2" d="M42.23 14.872a197 197 0 0 0-2.507-6.871q-.275-.714-.556-1.426c-.622-1.562-2.68-2.685-4.03-3.589c-5.64-3.764-12.473-4.102-18.396-.862c-2.932 1.604-5.64 4.054-7.553 6.806c-.594.856-.364 1.691.209 2.23q.045.067.096.134c1.635 2.051 3.227 4.846 4.048 7.295c1.091 3.25 1.868 6.824 2.617 10.164c.935 4.169 1.083 8.08 1.686 12.305c.239 1.667 2.578 1.714 3.563.466c3.407-4.303 8.312-6.444 13.225-7.305c3.16-.556 6.468-.78 9.681-.647c1.068.047 1.94-.919 1.948-1.948c.046-5.641-2.225-11.493-4.03-16.752"/><path fill="#fff" d="M40.783 14.614a195 195 0 0 0-2.272-6.229q-.25-.648-.504-1.293c-.563-1.416-2.43-2.434-3.657-3.253C29.237.427 23.039.119 17.671 3.057c-2.66 1.453-5.114 3.675-6.849 6.171c-.54.776-.329 1.533.191 2.02q.04.061.086.121c1.482 1.859 2.292 4.33 3.037 6.552c.988 2.945 1.737 5.972 2.416 9a147 147 0 0 1 2.12 11.435c.215 1.512 2.335 1.553 3.229.42c3.09-3.899 7.538-5.842 11.991-6.622a41.3 41.3 0 0 1 8.777-.587c.97.043 1.76-.835 1.768-1.768c.04-5.114-2.02-10.42-3.654-15.187"/></svg>

How to use the Flag For White Flag icon

React

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

<Icon icon="emojione-v1:flag-for-white-flag" width="24" />

Vue

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

<template>
  <Icon icon="emojione-v1:flag-for-white-flag" width="24" />
</template>

Svelte

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

<Icon icon="emojione-v1:flag-for-white-flag" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--flag-for-white-flag]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:flag-for-white-flag"></div>

Web component

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

<iconify-icon icon="emojione-v1:flag-for-white-flag"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/emojione-v1/flag-for-white-flag.svg" alt="Flag For White Flag icon" width="24" height="24">

Related icons in Emoji One (v1)

Flag For White Flag icon in other icon sets

Flag For White Flag icon FAQ

Is the Flag For White Flag icon free for commercial use?

Yes. Emoji One (v1) icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Flag For White Flag icon in React?

Install @iconify/react and render <Icon icon="emojione-v1:flag-for-white-flag" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Flag For White Flag icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-v1/flag-for-white-flag.svg" alt="Flag For White Flag icon">, or paste the SVG code inline to style it with CSS.

Browse all Emoji One (v1) icons →