flag for rainbow flag emoji
flag-for-rainbow-flag from Emoji One (Colored) by Emoji One · Default · Flags · CC-BY-4.0 Attribution required.
- Name
- flag-for-rainbow-flag
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Flags
- Viewbox
- 64×64
- License
- CC BY 4.0
More flags icons from Emoji One (Colored)
flag-englandflag-for-afghanistanflag-for-aland-islandsflag-for-albaniaflag-for-algeriaflag-for-american-samoaflag-for-andorraflag-for-angolaflag-for-anguillaflag-for-antarcticaflag-for-antigua-and-barbudaflag-for-argentinaflag-for-armeniaflag-for-arubaflag-for-ascension-islandflag-for-australiaflag-for-austriaflag-for-azerbaijanflag-for-bahamasflag-for-bahrainflag-for-bangladeshflag-for-barbadosflag-for-belarusflag-for-belgium
Use the flag for rainbow flag emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function EmojioneFlagForRainbowFlag(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-flag-for-rainbow-flag {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M52.382%205.075C40.137%203.203%2024.137%2028.036%209.213%2020.497c-.582-1.575-1.143-3.158-1.725-4.73C25.077%2019.105%2033.07-2.995%2050.658.345c.584%201.572%201.14%203.156%201.724%204.73%22%2F%3E%3Cpath%20fill%3D%22%23ff8736%22%20d%3D%22M54.105%209.804C43.762%207.786%2022.512%2031.453%2010.938%2025.227c-.585-1.573-1.14-3.157-1.725-4.73C26.802%2023.835%2034.794%201.734%2052.382%205.075c.584%201.572%201.14%203.156%201.723%204.729%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M55.83%2014.535C45.762%2012.744%2027.086%2038.25%2012.662%2029.957c-.585-1.573-1.142-3.157-1.725-4.73C28.525%2028.566%2036.52%206.467%2054.105%209.805c.585%201.574%201.142%203.157%201.725%204.73%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M57.556%2019.265c-9.711-1.521-31.086%2025.813-43.171%2015.422c-.584-1.572-1.139-3.157-1.723-4.73c17.585%203.341%2025.579-18.762%2043.168-15.422c.583%201.573%201.142%203.156%201.726%204.73%22%2F%3E%3Cpath%20fill%3D%22%23275fd9%22%20d%3D%22M59.278%2023.995C48.22%2022.161%2028.595%2050.453%2016.109%2039.418c-.584-1.574-1.144-3.156-1.725-4.73c17.588%203.338%2025.582-18.761%2043.171-15.422c.583%201.573%201.141%203.155%201.723%204.729%22%2F%3E%3Cpath%20fill%3D%22%239028e0%22%20d%3D%22M61%2028.726c-17.583-3.34-25.579%2018.761-43.166%2015.421c-.584-1.572-1.142-3.156-1.725-4.729c17.588%203.338%2025.581-18.762%2043.169-15.423c.583%201.575%201.142%203.158%201.722%204.731%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Ccircle%20cx%3D%225.168%22%20cy%3D%2213.336%22%20r%3D%222.168%22%2F%3E%3Cpath%20d%3D%22m7.04%2014.49l-2.56.929L22.186%2064h2.896z%22%2F%3E%3Cpath%20d%3D%22m3.688%2015.602l4.076-1.48l.37%201.017l-4.077%201.48z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%23ed4c5c%22%20d%3D%22M52.382%205.075C40.137%203.203%2024.137%2028.036%209.213%2020.497c-.582-1.575-1.143-3.158-1.725-4.73C25.077%2019.105%2033.07-2.995%2050.658.345c.584%201.572%201.14%203.156%201.724%204.73%22%2F%3E%3Cpath%20fill%3D%22%23ff8736%22%20d%3D%22M54.105%209.804C43.762%207.786%2022.512%2031.453%2010.938%2025.227c-.585-1.573-1.14-3.157-1.725-4.73C26.802%2023.835%2034.794%201.734%2052.382%205.075c.584%201.572%201.14%203.156%201.723%204.729%22%2F%3E%3Cpath%20fill%3D%22%23ffce31%22%20d%3D%22M55.83%2014.535C45.762%2012.744%2027.086%2038.25%2012.662%2029.957c-.585-1.573-1.142-3.157-1.725-4.73C28.525%2028.566%2036.52%206.467%2054.105%209.805c.585%201.574%201.142%203.157%201.725%204.73%22%2F%3E%3Cpath%20fill%3D%22%2383bf4f%22%20d%3D%22M57.556%2019.265c-9.711-1.521-31.086%2025.813-43.171%2015.422c-.584-1.572-1.139-3.157-1.723-4.73c17.585%203.341%2025.579-18.762%2043.168-15.422c.583%201.573%201.142%203.156%201.726%204.73%22%2F%3E%3Cpath%20fill%3D%22%23275fd9%22%20d%3D%22M59.278%2023.995C48.22%2022.161%2028.595%2050.453%2016.109%2039.418c-.584-1.574-1.144-3.156-1.725-4.73c17.588%203.338%2025.582-18.761%2043.171-15.422c.583%201.573%201.141%203.155%201.723%204.729%22%2F%3E%3Cpath%20fill%3D%22%239028e0%22%20d%3D%22M61%2028.726c-17.583-3.34-25.579%2018.761-43.166%2015.421c-.584-1.572-1.142-3.156-1.725-4.729c17.588%203.338%2025.581-18.762%2043.169-15.423c.583%201.575%201.142%203.158%201.722%204.731%22%2F%3E%3Cg%20fill%3D%22%233e4347%22%3E%3Ccircle%20cx%3D%225.168%22%20cy%3D%2213.336%22%20r%3D%222.168%22%2F%3E%3Cpath%20d%3D%22m7.04%2014.49l-2.56.929L22.186%2064h2.896z%22%2F%3E%3Cpath%20d%3D%22m3.688%2015.602l4.076-1.48l.37%201.017l-4.077%201.48z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/flag-for-rainbow-flag.svg?color=%231a73e8&size=48
