rainbow emoji
rainbow from Fluent Emoji Flat by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- rainbow
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
rainbowBootstrap IconsrainbowEmoji One (Colored)rainbowFont Awesome 6 SolidrainbowFont Awesome SolidrainbowFluent EmojirainbowFluent Emoji High ContrastrainbowFirefox OS EmojirainbowHuge IconsrainbowJam IconsrainbowLine AwesomerainbowLuciderainbow-fillMingCute IconrainbowMyna UI IconsrainbowNoto EmojirainbowOpenMojirainbowPhosphorrainbow-fillRemix IconrainbowStreamline EmojisrainbowTabler IconsrainbowTDesign IconsrainbowWeb3 IconsrainbowWeb3 Icons BrandedrainbowTwitter EmojirainbowUnicons
More travel & places icons from Fluent Emoji Flat
Use the rainbow emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M30 4c0-1.105-.897-2.007-1.998-1.929A28.02 28.02 0 0 0 10.2 10.2a28.02 28.02 0 0 0-8.129 17.802C1.993 29.103 2.895 30 4 30c0 0 .61.018 1 0c2-8.5 2.64-11.99 7.32-16.68C17.01 8.63 23.5 6 30 5z"/><path fill="#ffb02e" d="M30 8V5a25 25 0 0 0-17.68 7.32A25.04 25.04 0 0 0 5 30h3c1-4 3.32-10.43 7.44-14.56C19.56 11.32 23.5 9.5 30 8"/><path fill="#fff478" d="M30 8v3c-5 .5-8.88 3-12.44 6.56C14 21.13 12 25 11 30H8c0-5.83 2.32-11.43 6.44-15.56A22 22 0 0 1 30 8"/><path fill="#00d26a" d="M19.69 19.69C16.69 22.69 15 26 14 30h-3c0-5.04 2-9.87 5.56-13.44C20.12 13 24.96 11 30 11v3c-4.5 1-7.31 2.69-10.31 5.69"/><path fill="#3f5fff" d="M30 17v-3c-4.24 0-8.31 1.69-11.31 4.69S14 25.76 14 30h3c0-3.45 1.37-6.76 3.81-9.19C23.25 18.37 26.56 17 30 17"/><path fill="#8d65c5" d="M30 18c0 1.105-.904 1.98-1.987 2.198a10.01 10.01 0 0 0-7.815 7.815C19.979 29.095 19.105 30 18 30h-1c0-3.45 1.37-6.76 3.81-9.19C23.25 18.37 26.56 17 30 17z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatRainbow(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M30 4c0-1.105-.897-2.007-1.998-1.929A28.02 28.02 0 0 0 10.2 10.2a28.02 28.02 0 0 0-8.129 17.802C1.993 29.103 2.895 30 4 30c0 0 .61.018 1 0c2-8.5 2.64-11.99 7.32-16.68C17.01 8.63 23.5 6 30 5z"/><path fill="#ffb02e" d="M30 8V5a25 25 0 0 0-17.68 7.32A25.04 25.04 0 0 0 5 30h3c1-4 3.32-10.43 7.44-14.56C19.56 11.32 23.5 9.5 30 8"/><path fill="#fff478" d="M30 8v3c-5 .5-8.88 3-12.44 6.56C14 21.13 12 25 11 30H8c0-5.83 2.32-11.43 6.44-15.56A22 22 0 0 1 30 8"/><path fill="#00d26a" d="M19.69 19.69C16.69 22.69 15 26 14 30h-3c0-5.04 2-9.87 5.56-13.44C20.12 13 24.96 11 30 11v3c-4.5 1-7.31 2.69-10.31 5.69"/><path fill="#3f5fff" d="M30 17v-3c-4.24 0-8.31 1.69-11.31 4.69S14 25.76 14 30h3c0-3.45 1.37-6.76 3.81-9.19C23.25 18.37 26.56 17 30 17"/><path fill="#8d65c5" d="M30 18c0 1.105-.904 1.98-1.987 2.198a10.01 10.01 0 0 0-7.815 7.815C19.979 29.095 19.105 30 18 30h-1c0-3.45 1.37-6.76 3.81-9.19C23.25 18.37 26.56 17 30 17z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f8312f" d="M30 4c0-1.105-.897-2.007-1.998-1.929A28.02 28.02 0 0 0 10.2 10.2a28.02 28.02 0 0 0-8.129 17.802C1.993 29.103 2.895 30 4 30c0 0 .61.018 1 0c2-8.5 2.64-11.99 7.32-16.68C17.01 8.63 23.5 6 30 5z"/><path fill="#ffb02e" d="M30 8V5a25 25 0 0 0-17.68 7.32A25.04 25.04 0 0 0 5 30h3c1-4 3.32-10.43 7.44-14.56C19.56 11.32 23.5 9.5 30 8"/><path fill="#fff478" d="M30 8v3c-5 .5-8.88 3-12.44 6.56C14 21.13 12 25 11 30H8c0-5.83 2.32-11.43 6.44-15.56A22 22 0 0 1 30 8"/><path fill="#00d26a" d="M19.69 19.69C16.69 22.69 15 26 14 30h-3c0-5.04 2-9.87 5.56-13.44C20.12 13 24.96 11 30 11v3c-4.5 1-7.31 2.69-10.31 5.69"/><path fill="#3f5fff" d="M30 17v-3c-4.24 0-8.31 1.69-11.31 4.69S14 25.76 14 30h3c0-3.45 1.37-6.76 3.81-9.19C23.25 18.37 26.56 17 30 17"/><path fill="#8d65c5" d="M30 18c0 1.105-.904 1.98-1.987 2.198a10.01 10.01 0 0 0-7.815 7.815C19.979 29.095 19.105 30 18 30h-1c0-3.45 1.37-6.76 3.81-9.19C23.25 18.37 26.56 17 30 17z"/></g></svg> </template>
CSS
.icon-rainbow {
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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M30%204c0-1.105-.897-2.007-1.998-1.929A28.02%2028.02%200%200%200%2010.2%2010.2a28.02%2028.02%200%200%200-8.129%2017.802C1.993%2029.103%202.895%2030%204%2030c0%200%20.61.018%201%200c2-8.5%202.64-11.99%207.32-16.68C17.01%208.63%2023.5%206%2030%205z%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M30%208V5a25%2025%200%200%200-17.68%207.32A25.04%2025.04%200%200%200%205%2030h3c1-4%203.32-10.43%207.44-14.56C19.56%2011.32%2023.5%209.5%2030%208%22%2F%3E%3Cpath%20fill%3D%22%23fff478%22%20d%3D%22M30%208v3c-5%20.5-8.88%203-12.44%206.56C14%2021.13%2012%2025%2011%2030H8c0-5.83%202.32-11.43%206.44-15.56A22%2022%200%200%201%2030%208%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M19.69%2019.69C16.69%2022.69%2015%2026%2014%2030h-3c0-5.04%202-9.87%205.56-13.44C20.12%2013%2024.96%2011%2030%2011v3c-4.5%201-7.31%202.69-10.31%205.69%22%2F%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22M30%2017v-3c-4.24%200-8.31%201.69-11.31%204.69S14%2025.76%2014%2030h3c0-3.45%201.37-6.76%203.81-9.19C23.25%2018.37%2026.56%2017%2030%2017%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M30%2018c0%201.105-.904%201.98-1.987%202.198a10.01%2010.01%200%200%200-7.815%207.815C19.979%2029.095%2019.105%2030%2018%2030h-1c0-3.45%201.37-6.76%203.81-9.19C23.25%2018.37%2026.56%2017%2030%2017z%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f8312f%22%20d%3D%22M30%204c0-1.105-.897-2.007-1.998-1.929A28.02%2028.02%200%200%200%2010.2%2010.2a28.02%2028.02%200%200%200-8.129%2017.802C1.993%2029.103%202.895%2030%204%2030c0%200%20.61.018%201%200c2-8.5%202.64-11.99%207.32-16.68C17.01%208.63%2023.5%206%2030%205z%22%2F%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M30%208V5a25%2025%200%200%200-17.68%207.32A25.04%2025.04%200%200%200%205%2030h3c1-4%203.32-10.43%207.44-14.56C19.56%2011.32%2023.5%209.5%2030%208%22%2F%3E%3Cpath%20fill%3D%22%23fff478%22%20d%3D%22M30%208v3c-5%20.5-8.88%203-12.44%206.56C14%2021.13%2012%2025%2011%2030H8c0-5.83%202.32-11.43%206.44-15.56A22%2022%200%200%201%2030%208%22%2F%3E%3Cpath%20fill%3D%22%2300d26a%22%20d%3D%22M19.69%2019.69C16.69%2022.69%2015%2026%2014%2030h-3c0-5.04%202-9.87%205.56-13.44C20.12%2013%2024.96%2011%2030%2011v3c-4.5%201-7.31%202.69-10.31%205.69%22%2F%3E%3Cpath%20fill%3D%22%233f5fff%22%20d%3D%22M30%2017v-3c-4.24%200-8.31%201.69-11.31%204.69S14%2025.76%2014%2030h3c0-3.45%201.37-6.76%203.81-9.19C23.25%2018.37%2026.56%2017%2030%2017%22%2F%3E%3Cpath%20fill%3D%22%238d65c5%22%20d%3D%22M30%2018c0%201.105-.904%201.98-1.987%202.198a10.01%2010.01%200%200%200-7.815%207.815C19.979%2029.095%2019.105%2030%2018%2030h-1c0-3.45%201.37-6.76%203.81-9.19C23.25%2018.37%2026.56%2017%2030%2017z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/rainbow.svg?color=%231a73e8&size=48
