rainbow emoji
rainbow from Fluent Emoji High Contrast by Microsoft Corporation · Default · Travel & Places · MIT Free for personal and commercial use.
- Name
- rainbow
- Set
- Fluent Emoji High Contrast
- 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 FlatrainbowFirefox 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 High Contrast
Use the rainbow emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.002 2.071C29.103 1.993 30 2.895 30 4v15c0 1.105-.904 1.98-1.987 2.198c-3.553.716-5.973 3.857-6.815 6.815C20.979 29.095 20.105 30 19 30H4c-1.105 0-2.007-.897-1.929-1.998A28.02 28.02 0 0 1 10.2 10.2a28.02 28.02 0 0 1 17.802-8.129M17.038 29H19c.514 0 1.068-.447 1.217-1.185l.008-.038l.01-.038q.057-.198.122-.397c.649-2.36 2.14-4.37 4.13-5.687a8.8 8.8 0 0 1 3.328-1.438C28.553 20.068 29 19.514 29 19v-1.961a13 13 0 0 0-8.19 3.771A12.96 12.96 0 0 0 17.038 29M29 14.031v-3.005a19 19 0 0 0-12.44 5.534A19.03 19.03 0 0 0 11.026 29h3.005a16 16 0 0 1 4.659-10.31A16 16 0 0 1 29 14.031m0-6.008V5.02a25 25 0 0 0-16.68 7.3A25.05 25.05 0 0 0 5.02 29h3.003a22.05 22.05 0 0 1 6.417-14.56A22 22 0 0 1 29 8.023m-8.643 19.32c.649-2.36 2.14-4.37 4.13-5.688c-2.038 1.425-3.446 3.598-4.13 5.687"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastRainbow(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.002 2.071C29.103 1.993 30 2.895 30 4v15c0 1.105-.904 1.98-1.987 2.198c-3.553.716-5.973 3.857-6.815 6.815C20.979 29.095 20.105 30 19 30H4c-1.105 0-2.007-.897-1.929-1.998A28.02 28.02 0 0 1 10.2 10.2a28.02 28.02 0 0 1 17.802-8.129M17.038 29H19c.514 0 1.068-.447 1.217-1.185l.008-.038l.01-.038q.057-.198.122-.397c.649-2.36 2.14-4.37 4.13-5.687a8.8 8.8 0 0 1 3.328-1.438C28.553 20.068 29 19.514 29 19v-1.961a13 13 0 0 0-8.19 3.771A12.96 12.96 0 0 0 17.038 29M29 14.031v-3.005a19 19 0 0 0-12.44 5.534A19.03 19.03 0 0 0 11.026 29h3.005a16 16 0 0 1 4.659-10.31A16 16 0 0 1 29 14.031m0-6.008V5.02a25 25 0 0 0-16.68 7.3A25.05 25.05 0 0 0 5.02 29h3.003a22.05 22.05 0 0 1 6.417-14.56A22 22 0 0 1 29 8.023m-8.643 19.32c.649-2.36 2.14-4.37 4.13-5.688c-2.038 1.425-3.446 3.598-4.13 5.687"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.002 2.071C29.103 1.993 30 2.895 30 4v15c0 1.105-.904 1.98-1.987 2.198c-3.553.716-5.973 3.857-6.815 6.815C20.979 29.095 20.105 30 19 30H4c-1.105 0-2.007-.897-1.929-1.998A28.02 28.02 0 0 1 10.2 10.2a28.02 28.02 0 0 1 17.802-8.129M17.038 29H19c.514 0 1.068-.447 1.217-1.185l.008-.038l.01-.038q.057-.198.122-.397c.649-2.36 2.14-4.37 4.13-5.687a8.8 8.8 0 0 1 3.328-1.438C28.553 20.068 29 19.514 29 19v-1.961a13 13 0 0 0-8.19 3.771A12.96 12.96 0 0 0 17.038 29M29 14.031v-3.005a19 19 0 0 0-12.44 5.534A19.03 19.03 0 0 0 11.026 29h3.005a16 16 0 0 1 4.659-10.31A16 16 0 0 1 29 14.031m0-6.008V5.02a25 25 0 0 0-16.68 7.3A25.05 25.05 0 0 0 5.02 29h3.003a22.05 22.05 0 0 1 6.417-14.56A22 22 0 0 1 29 8.023m-8.643 19.32c.649-2.36 2.14-4.37 4.13-5.688c-2.038 1.425-3.446 3.598-4.13 5.687"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.002%202.071C29.103%201.993%2030%202.895%2030%204v15c0%201.105-.904%201.98-1.987%202.198c-3.553.716-5.973%203.857-6.815%206.815C20.979%2029.095%2020.105%2030%2019%2030H4c-1.105%200-2.007-.897-1.929-1.998A28.02%2028.02%200%200%201%2010.2%2010.2a28.02%2028.02%200%200%201%2017.802-8.129M17.038%2029H19c.514%200%201.068-.447%201.217-1.185l.008-.038l.01-.038q.057-.198.122-.397c.649-2.36%202.14-4.37%204.13-5.687a8.8%208.8%200%200%201%203.328-1.438C28.553%2020.068%2029%2019.514%2029%2019v-1.961a13%2013%200%200%200-8.19%203.771A12.96%2012.96%200%200%200%2017.038%2029M29%2014.031v-3.005a19%2019%200%200%200-12.44%205.534A19.03%2019.03%200%200%200%2011.026%2029h3.005a16%2016%200%200%201%204.659-10.31A16%2016%200%200%201%2029%2014.031m0-6.008V5.02a25%2025%200%200%200-16.68%207.3A25.05%2025.05%200%200%200%205.02%2029h3.003a22.05%2022.05%200%200%201%206.417-14.56A22%2022%200%200%201%2029%208.023m-8.643%2019.32c.649-2.36%202.14-4.37%204.13-5.688c-2.038%201.425-3.446%203.598-4.13%205.687%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.002%202.071C29.103%201.993%2030%202.895%2030%204v15c0%201.105-.904%201.98-1.987%202.198c-3.553.716-5.973%203.857-6.815%206.815C20.979%2029.095%2020.105%2030%2019%2030H4c-1.105%200-2.007-.897-1.929-1.998A28.02%2028.02%200%200%201%2010.2%2010.2a28.02%2028.02%200%200%201%2017.802-8.129M17.038%2029H19c.514%200%201.068-.447%201.217-1.185l.008-.038l.01-.038q.057-.198.122-.397c.649-2.36%202.14-4.37%204.13-5.687a8.8%208.8%200%200%201%203.328-1.438C28.553%2020.068%2029%2019.514%2029%2019v-1.961a13%2013%200%200%200-8.19%203.771A12.96%2012.96%200%200%200%2017.038%2029M29%2014.031v-3.005a19%2019%200%200%200-12.44%205.534A19.03%2019.03%200%200%200%2011.026%2029h3.005a16%2016%200%200%201%204.659-10.31A16%2016%200%200%201%2029%2014.031m0-6.008V5.02a25%2025%200%200%200-16.68%207.3A25.05%2025.05%200%200%200%205.02%2029h3.003a22.05%2022.05%200%200%201%206.417-14.56A22%2022%200%200%201%2029%208.023m-8.643%2019.32c.649-2.36%202.14-4.37%204.13-5.688c-2.038%201.425-3.446%203.598-4.13%205.687%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/rainbow.svg?color=%231a73e8&size=48
