Flag For Rainbow Flag icon
emojione:flag-for-rainbow-flag
The Flag For Rainbow Flag icon (emojione:flag-for-rainbow-flag) is a free SVG icon from the Emoji One (Colored) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Colored) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Emoji One (Colored)
- Author
- Emoji One
- License
- CC-BY-4.0
- Size
- 64 × 64
- Category
- Flags
- Tags
- flagfor, forrainbow, rainbowflag, flagforrainbowflag
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#ed4c5c" d="M52.382 5.075C40.137 3.203 24.137 28.036 9.213 20.497c-.582-1.575-1.143-3.158-1.725-4.73C25.077 19.105 33.07-2.995 50.658.345c.584 1.572 1.14 3.156 1.724 4.73"/><path fill="#ff8736" d="M54.105 9.804C43.762 7.786 22.512 31.453 10.938 25.227c-.585-1.573-1.14-3.157-1.725-4.73C26.802 23.835 34.794 1.734 52.382 5.075c.584 1.572 1.14 3.156 1.723 4.729"/><path fill="#ffce31" d="M55.83 14.535C45.762 12.744 27.086 38.25 12.662 29.957c-.585-1.573-1.142-3.157-1.725-4.73C28.525 28.566 36.52 6.467 54.105 9.805c.585 1.574 1.142 3.157 1.725 4.73"/><path fill="#83bf4f" d="M57.556 19.265c-9.711-1.521-31.086 25.813-43.171 15.422c-.584-1.572-1.139-3.157-1.723-4.73c17.585 3.341 25.579-18.762 43.168-15.422c.583 1.573 1.142 3.156 1.726 4.73"/><path fill="#275fd9" d="M59.278 23.995C48.22 22.161 28.595 50.453 16.109 39.418c-.584-1.574-1.144-3.156-1.725-4.73c17.588 3.338 25.582-18.761 43.171-15.422c.583 1.573 1.141 3.155 1.723 4.729"/><path fill="#9028e0" d="M61 28.726c-17.583-3.34-25.579 18.761-43.166 15.421c-.584-1.572-1.142-3.156-1.725-4.729c17.588 3.338 25.581-18.762 43.169-15.423c.583 1.575 1.142 3.158 1.722 4.731"/><g fill="#3e4347"><circle cx="5.168" cy="13.336" r="2.168"/><path d="m7.04 14.49l-2.56.929L22.186 64h2.896z"/><path d="m3.688 15.602l4.076-1.48l.37 1.017l-4.077 1.48z"/></g></svg>
How to use the Flag For Rainbow Flag icon
React
import { Icon } from "@iconify/react";
<Icon icon="emojione:flag-for-rainbow-flag" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione:flag-for-rainbow-flag" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione:flag-for-rainbow-flag" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione--flag-for-rainbow-flag]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione -->
<div class="i-emojione:flag-for-rainbow-flag"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione:flag-for-rainbow-flag"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/emojione/flag-for-rainbow-flag.svg" alt="Flag For Rainbow Flag icon" width="24" height="24">
Related icons in Emoji One (Colored)
Flag For Rainbow Flag icon FAQ
Is the Flag For Rainbow Flag icon free for commercial use?
Yes. Emoji One (Colored) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Flag For Rainbow Flag icon in React?
Install @iconify/react and render <Icon icon="emojione:flag-for-rainbow-flag" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Flag For Rainbow Flag icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione/flag-for-rainbow-flag.svg" alt="Flag For Rainbow Flag icon">, or paste the SVG code inline to style it with CSS.
Browse all Emoji One (Colored) icons →
