rainbow emoji

rainbow from Emoji One (Colored) by Emoji One · Default · Nature · CC-BY-4.0 Attribution required.

Name
rainbow
Set
Emoji One (Colored)
Style
Default
Category
Nature
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

rainbowBootstrap IconsrainbowFont Awesome 6 SolidrainbowFont Awesome SolidrainbowFluent EmojirainbowFluent Emoji FlatrainbowFluent Emoji High ContrastrainbowFirefox OS EmojirainbowHuge IconsrainbowJam IconsrainbowLine AwesomerainbowLuciderainbow-fillMingCute IconrainbowMyna UI IconsrainbowNoto EmojirainbowOpenMojirainbowPhosphorrainbow-fillRemix IconrainbowStreamline EmojisrainbowTabler IconsrainbowTDesign IconsrainbowWeb3 IconsrainbowWeb3 Icons BrandedrainbowTwitter EmojirainbowUnicons

More nature icons from Emoji One (Colored)

antbaby-chickbatbear-facebirdblossomblowfishboarbouquetbugbutterflycactuscamelcatcat-facecherry-blossomchickenchipmunkcloudcloud-with-lightningcloud-with-lightning-and-raincloud-with-raincloud-with-snowcollision

Use the rainbow emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f66" d="M62 6.5V2C35 2 13.2 23.8 13.2 50.6h4.5C17.7 26.3 37.5 6.5 62 6.5"/><path fill="#fffb80" d="M17.7 50.6h4.5C22.2 28.8 40 11 62 11V6.5c-24.5 0-44.3 19.8-44.3 44.1"/><path fill="#a3e66f" d="M62 15.5V11c-22 0-39.8 17.7-39.8 39.6h4.5c0-19.4 15.8-35.1 35.3-35.1"/><path fill="#66c2ff" d="M26.7 50.6h4.5C31.3 33.7 45 20 62 20v-4.5c-19.5 0-35.3 15.7-35.3 35.1"/><path fill="#9180ff" d="M62 24.5V20c-17 0-30.7 13.7-30.7 30.6h4.5c0-14.4 11.7-26.1 26.2-26.1"/><path fill="#fff" d="M10.1 60.7q-1.05 0-2.1-.3c-2.8-.9-4.7-3.5-4.7-6.4c0-1.9.8-3.8 2.3-5.1l1.2-.9l.4-1.6c1.1-3.9 4.8-6.6 8.8-6.6c.4 0 .8 0 1.3.1c.4.1.7.1 1.1.2l.2-.3c1.6-2.9 4.8-4.8 8.1-4.8c5.1 0 9.3 4.2 9.3 9.3v.9c.4.2.8.3 1.2.5c2.5 1.4 4 4.1 4 6.9c0 3.7-2.6 6.9-6.2 7.8c-.6.1-1.2.2-1.8.2z"/><path fill="#75d6ff" d="M26.9 36.4c4.4 0 8 3.5 8 7.9v.6c-1.8.1-3.5.9-4.8 2q1.5-.9 3.3-.9c.4 0 .9 0 1.3.1c.7.1 1.4.4 2 .8c2 1.1 3.3 3.3 3.3 5.7c0 3.1-2.2 5.8-5.2 6.5c-.5.1-1 .2-1.5.2H10.1c-.6 0-1.2-.1-1.7-.3c-2.2-.7-3.7-2.7-3.7-5.1c0-1.6.7-3.1 1.9-4.1c.5-.5 1.1-.8 1.8-1q.9-.3 1.8-.3c1.7 0 3.3.8 4.3 2.1c-1.2-2.1-3.3-3.6-5.8-3.8c.9-3.2 3.9-5.6 7.5-5.6c.4 0 .8 0 1.1.1q1.05.15 2.1.6c2.4 1.1 4.2 3.3 4.6 6c0-3.1-1.6-5.7-4-7.3c1.3-2.6 3.9-4.2 6.9-4.2m0-2.7c-3.7 0-7.1 1.9-9 4.9h-.2c-.6-.1-1-.1-1.5-.1c-4.7 0-8.8 3.1-10.1 7.6l-.3 1.1c-.3.2-.7.5-1 .7a7.79 7.79 0 0 0-2.8 6c0 3.5 2.2 6.6 5.6 7.7c.8.3 1.7.4 2.6.4h23.2c.7 0 1.4-.1 2.1-.2c4.3-1 7.3-4.7 7.3-9.1c0-3.3-1.8-6.4-4.7-8.1c-.1-.1-.3-.2-.4-.2v-.1c-.1-5.9-4.9-10.6-10.8-10.6"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneRainbow(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f66" d="M62 6.5V2C35 2 13.2 23.8 13.2 50.6h4.5C17.7 26.3 37.5 6.5 62 6.5"/><path fill="#fffb80" d="M17.7 50.6h4.5C22.2 28.8 40 11 62 11V6.5c-24.5 0-44.3 19.8-44.3 44.1"/><path fill="#a3e66f" d="M62 15.5V11c-22 0-39.8 17.7-39.8 39.6h4.5c0-19.4 15.8-35.1 35.3-35.1"/><path fill="#66c2ff" d="M26.7 50.6h4.5C31.3 33.7 45 20 62 20v-4.5c-19.5 0-35.3 15.7-35.3 35.1"/><path fill="#9180ff" d="M62 24.5V20c-17 0-30.7 13.7-30.7 30.6h4.5c0-14.4 11.7-26.1 26.2-26.1"/><path fill="#fff" d="M10.1 60.7q-1.05 0-2.1-.3c-2.8-.9-4.7-3.5-4.7-6.4c0-1.9.8-3.8 2.3-5.1l1.2-.9l.4-1.6c1.1-3.9 4.8-6.6 8.8-6.6c.4 0 .8 0 1.3.1c.4.1.7.1 1.1.2l.2-.3c1.6-2.9 4.8-4.8 8.1-4.8c5.1 0 9.3 4.2 9.3 9.3v.9c.4.2.8.3 1.2.5c2.5 1.4 4 4.1 4 6.9c0 3.7-2.6 6.9-6.2 7.8c-.6.1-1.2.2-1.8.2z"/><path fill="#75d6ff" d="M26.9 36.4c4.4 0 8 3.5 8 7.9v.6c-1.8.1-3.5.9-4.8 2q1.5-.9 3.3-.9c.4 0 .9 0 1.3.1c.7.1 1.4.4 2 .8c2 1.1 3.3 3.3 3.3 5.7c0 3.1-2.2 5.8-5.2 6.5c-.5.1-1 .2-1.5.2H10.1c-.6 0-1.2-.1-1.7-.3c-2.2-.7-3.7-2.7-3.7-5.1c0-1.6.7-3.1 1.9-4.1c.5-.5 1.1-.8 1.8-1q.9-.3 1.8-.3c1.7 0 3.3.8 4.3 2.1c-1.2-2.1-3.3-3.6-5.8-3.8c.9-3.2 3.9-5.6 7.5-5.6c.4 0 .8 0 1.1.1q1.05.15 2.1.6c2.4 1.1 4.2 3.3 4.6 6c0-3.1-1.6-5.7-4-7.3c1.3-2.6 3.9-4.2 6.9-4.2m0-2.7c-3.7 0-7.1 1.9-9 4.9h-.2c-.6-.1-1-.1-1.5-.1c-4.7 0-8.8 3.1-10.1 7.6l-.3 1.1c-.3.2-.7.5-1 .7a7.79 7.79 0 0 0-2.8 6c0 3.5 2.2 6.6 5.6 7.7c.8.3 1.7.4 2.6.4h23.2c.7 0 1.4-.1 2.1-.2c4.3-1 7.3-4.7 7.3-9.1c0-3.3-1.8-6.4-4.7-8.1c-.1-.1-.3-.2-.4-.2v-.1c-.1-5.9-4.9-10.6-10.8-10.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f66" d="M62 6.5V2C35 2 13.2 23.8 13.2 50.6h4.5C17.7 26.3 37.5 6.5 62 6.5"/><path fill="#fffb80" d="M17.7 50.6h4.5C22.2 28.8 40 11 62 11V6.5c-24.5 0-44.3 19.8-44.3 44.1"/><path fill="#a3e66f" d="M62 15.5V11c-22 0-39.8 17.7-39.8 39.6h4.5c0-19.4 15.8-35.1 35.3-35.1"/><path fill="#66c2ff" d="M26.7 50.6h4.5C31.3 33.7 45 20 62 20v-4.5c-19.5 0-35.3 15.7-35.3 35.1"/><path fill="#9180ff" d="M62 24.5V20c-17 0-30.7 13.7-30.7 30.6h4.5c0-14.4 11.7-26.1 26.2-26.1"/><path fill="#fff" d="M10.1 60.7q-1.05 0-2.1-.3c-2.8-.9-4.7-3.5-4.7-6.4c0-1.9.8-3.8 2.3-5.1l1.2-.9l.4-1.6c1.1-3.9 4.8-6.6 8.8-6.6c.4 0 .8 0 1.3.1c.4.1.7.1 1.1.2l.2-.3c1.6-2.9 4.8-4.8 8.1-4.8c5.1 0 9.3 4.2 9.3 9.3v.9c.4.2.8.3 1.2.5c2.5 1.4 4 4.1 4 6.9c0 3.7-2.6 6.9-6.2 7.8c-.6.1-1.2.2-1.8.2z"/><path fill="#75d6ff" d="M26.9 36.4c4.4 0 8 3.5 8 7.9v.6c-1.8.1-3.5.9-4.8 2q1.5-.9 3.3-.9c.4 0 .9 0 1.3.1c.7.1 1.4.4 2 .8c2 1.1 3.3 3.3 3.3 5.7c0 3.1-2.2 5.8-5.2 6.5c-.5.1-1 .2-1.5.2H10.1c-.6 0-1.2-.1-1.7-.3c-2.2-.7-3.7-2.7-3.7-5.1c0-1.6.7-3.1 1.9-4.1c.5-.5 1.1-.8 1.8-1q.9-.3 1.8-.3c1.7 0 3.3.8 4.3 2.1c-1.2-2.1-3.3-3.6-5.8-3.8c.9-3.2 3.9-5.6 7.5-5.6c.4 0 .8 0 1.1.1q1.05.15 2.1.6c2.4 1.1 4.2 3.3 4.6 6c0-3.1-1.6-5.7-4-7.3c1.3-2.6 3.9-4.2 6.9-4.2m0-2.7c-3.7 0-7.1 1.9-9 4.9h-.2c-.6-.1-1-.1-1.5-.1c-4.7 0-8.8 3.1-10.1 7.6l-.3 1.1c-.3.2-.7.5-1 .7a7.79 7.79 0 0 0-2.8 6c0 3.5 2.2 6.6 5.6 7.7c.8.3 1.7.4 2.6.4h23.2c.7 0 1.4-.1 2.1-.2c4.3-1 7.3-4.7 7.3-9.1c0-3.3-1.8-6.4-4.7-8.1c-.1-.1-.3-.2-.4-.2v-.1c-.1-5.9-4.9-10.6-10.8-10.6"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23f66%22%20d%3D%22M62%206.5V2C35%202%2013.2%2023.8%2013.2%2050.6h4.5C17.7%2026.3%2037.5%206.5%2062%206.5%22%2F%3E%3Cpath%20fill%3D%22%23fffb80%22%20d%3D%22M17.7%2050.6h4.5C22.2%2028.8%2040%2011%2062%2011V6.5c-24.5%200-44.3%2019.8-44.3%2044.1%22%2F%3E%3Cpath%20fill%3D%22%23a3e66f%22%20d%3D%22M62%2015.5V11c-22%200-39.8%2017.7-39.8%2039.6h4.5c0-19.4%2015.8-35.1%2035.3-35.1%22%2F%3E%3Cpath%20fill%3D%22%2366c2ff%22%20d%3D%22M26.7%2050.6h4.5C31.3%2033.7%2045%2020%2062%2020v-4.5c-19.5%200-35.3%2015.7-35.3%2035.1%22%2F%3E%3Cpath%20fill%3D%22%239180ff%22%20d%3D%22M62%2024.5V20c-17%200-30.7%2013.7-30.7%2030.6h4.5c0-14.4%2011.7-26.1%2026.2-26.1%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.1%2060.7q-1.05%200-2.1-.3c-2.8-.9-4.7-3.5-4.7-6.4c0-1.9.8-3.8%202.3-5.1l1.2-.9l.4-1.6c1.1-3.9%204.8-6.6%208.8-6.6c.4%200%20.8%200%201.3.1c.4.1.7.1%201.1.2l.2-.3c1.6-2.9%204.8-4.8%208.1-4.8c5.1%200%209.3%204.2%209.3%209.3v.9c.4.2.8.3%201.2.5c2.5%201.4%204%204.1%204%206.9c0%203.7-2.6%206.9-6.2%207.8c-.6.1-1.2.2-1.8.2z%22%2F%3E%3Cpath%20fill%3D%22%2375d6ff%22%20d%3D%22M26.9%2036.4c4.4%200%208%203.5%208%207.9v.6c-1.8.1-3.5.9-4.8%202q1.5-.9%203.3-.9c.4%200%20.9%200%201.3.1c.7.1%201.4.4%202%20.8c2%201.1%203.3%203.3%203.3%205.7c0%203.1-2.2%205.8-5.2%206.5c-.5.1-1%20.2-1.5.2H10.1c-.6%200-1.2-.1-1.7-.3c-2.2-.7-3.7-2.7-3.7-5.1c0-1.6.7-3.1%201.9-4.1c.5-.5%201.1-.8%201.8-1q.9-.3%201.8-.3c1.7%200%203.3.8%204.3%202.1c-1.2-2.1-3.3-3.6-5.8-3.8c.9-3.2%203.9-5.6%207.5-5.6c.4%200%20.8%200%201.1.1q1.05.15%202.1.6c2.4%201.1%204.2%203.3%204.6%206c0-3.1-1.6-5.7-4-7.3c1.3-2.6%203.9-4.2%206.9-4.2m0-2.7c-3.7%200-7.1%201.9-9%204.9h-.2c-.6-.1-1-.1-1.5-.1c-4.7%200-8.8%203.1-10.1%207.6l-.3%201.1c-.3.2-.7.5-1%20.7a7.79%207.79%200%200%200-2.8%206c0%203.5%202.2%206.6%205.6%207.7c.8.3%201.7.4%202.6.4h23.2c.7%200%201.4-.1%202.1-.2c4.3-1%207.3-4.7%207.3-9.1c0-3.3-1.8-6.4-4.7-8.1c-.1-.1-.3-.2-.4-.2v-.1c-.1-5.9-4.9-10.6-10.8-10.6%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23f66%22%20d%3D%22M62%206.5V2C35%202%2013.2%2023.8%2013.2%2050.6h4.5C17.7%2026.3%2037.5%206.5%2062%206.5%22%2F%3E%3Cpath%20fill%3D%22%23fffb80%22%20d%3D%22M17.7%2050.6h4.5C22.2%2028.8%2040%2011%2062%2011V6.5c-24.5%200-44.3%2019.8-44.3%2044.1%22%2F%3E%3Cpath%20fill%3D%22%23a3e66f%22%20d%3D%22M62%2015.5V11c-22%200-39.8%2017.7-39.8%2039.6h4.5c0-19.4%2015.8-35.1%2035.3-35.1%22%2F%3E%3Cpath%20fill%3D%22%2366c2ff%22%20d%3D%22M26.7%2050.6h4.5C31.3%2033.7%2045%2020%2062%2020v-4.5c-19.5%200-35.3%2015.7-35.3%2035.1%22%2F%3E%3Cpath%20fill%3D%22%239180ff%22%20d%3D%22M62%2024.5V20c-17%200-30.7%2013.7-30.7%2030.6h4.5c0-14.4%2011.7-26.1%2026.2-26.1%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M10.1%2060.7q-1.05%200-2.1-.3c-2.8-.9-4.7-3.5-4.7-6.4c0-1.9.8-3.8%202.3-5.1l1.2-.9l.4-1.6c1.1-3.9%204.8-6.6%208.8-6.6c.4%200%20.8%200%201.3.1c.4.1.7.1%201.1.2l.2-.3c1.6-2.9%204.8-4.8%208.1-4.8c5.1%200%209.3%204.2%209.3%209.3v.9c.4.2.8.3%201.2.5c2.5%201.4%204%204.1%204%206.9c0%203.7-2.6%206.9-6.2%207.8c-.6.1-1.2.2-1.8.2z%22%2F%3E%3Cpath%20fill%3D%22%2375d6ff%22%20d%3D%22M26.9%2036.4c4.4%200%208%203.5%208%207.9v.6c-1.8.1-3.5.9-4.8%202q1.5-.9%203.3-.9c.4%200%20.9%200%201.3.1c.7.1%201.4.4%202%20.8c2%201.1%203.3%203.3%203.3%205.7c0%203.1-2.2%205.8-5.2%206.5c-.5.1-1%20.2-1.5.2H10.1c-.6%200-1.2-.1-1.7-.3c-2.2-.7-3.7-2.7-3.7-5.1c0-1.6.7-3.1%201.9-4.1c.5-.5%201.1-.8%201.8-1q.9-.3%201.8-.3c1.7%200%203.3.8%204.3%202.1c-1.2-2.1-3.3-3.6-5.8-3.8c.9-3.2%203.9-5.6%207.5-5.6c.4%200%20.8%200%201.1.1q1.05.15%202.1.6c2.4%201.1%204.2%203.3%204.6%206c0-3.1-1.6-5.7-4-7.3c1.3-2.6%203.9-4.2%206.9-4.2m0-2.7c-3.7%200-7.1%201.9-9%204.9h-.2c-.6-.1-1-.1-1.5-.1c-4.7%200-8.8%203.1-10.1%207.6l-.3%201.1c-.3.2-.7.5-1%20.7a7.79%207.79%200%200%200-2.8%206c0%203.5%202.2%206.6%205.6%207.7c.8.3%201.7.4%202.6.4h23.2c.7%200%201.4-.1%202.1-.2c4.3-1%207.3-4.7%207.3-9.1c0-3.3-1.8-6.4-4.7-8.1c-.1-.1-.3-.2-.4-.2v-.1c-.1-5.9-4.9-10.6-10.8-10.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/rainbow.svg?color=%231a73e8&size=48