rainbow emoji
rainbow from Twitter Emoji by Twitter · Default · Travel & Places · CC-BY-4.0 Attribution required.
- Name
- rainbow
- Set
- Twitter Emoji
- Style
- Default
- Category
- Travel & Places
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
rainbowBootstrap IconsrainbowEmoji One (Colored)rainbowFont 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 BrandedrainbowUnicons
More travel & places icons from Twitter Emoji
Use the rainbow emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#8767ac" d="M36 1C16.118 1 1 16.118 1 36h17.042c0-9.917 8.042-17.958 17.958-17.958z"/><path fill="#eb2027" d="M0 35.999h3.042c0-18.189 14.734-32.935 32.917-32.957V0C16.095.023 0 16.131 0 35.999"/><path fill="#f19020" d="M3.083 36h3C6.083 19.468 19.473 6.065 36 6.043v-3C17.817 3.065 3.083 17.811 3.083 36"/><path fill="#ffcb4c" d="M6.083 36h3C9.083 21.125 21.13 9.065 36 9.043v-3C19.473 6.065 6.083 19.468 6.083 36"/><path fill="#5c903f" d="M9.083 36h3c0-13.217 10.705-23.935 23.917-23.957v-3C21.13 9.065 9.083 21.125 9.083 36"/><path fill="#226798" d="M12.083 36h3c0-11.56 9.362-20.934 20.917-20.956v-3.001C22.788 12.065 12.083 22.783 12.083 36"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiRainbow(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#8767ac" d="M36 1C16.118 1 1 16.118 1 36h17.042c0-9.917 8.042-17.958 17.958-17.958z"/><path fill="#eb2027" d="M0 35.999h3.042c0-18.189 14.734-32.935 32.917-32.957V0C16.095.023 0 16.131 0 35.999"/><path fill="#f19020" d="M3.083 36h3C6.083 19.468 19.473 6.065 36 6.043v-3C17.817 3.065 3.083 17.811 3.083 36"/><path fill="#ffcb4c" d="M6.083 36h3C9.083 21.125 21.13 9.065 36 9.043v-3C19.473 6.065 6.083 19.468 6.083 36"/><path fill="#5c903f" d="M9.083 36h3c0-13.217 10.705-23.935 23.917-23.957v-3C21.13 9.065 9.083 21.125 9.083 36"/><path fill="#226798" d="M12.083 36h3c0-11.56 9.362-20.934 20.917-20.956v-3.001C22.788 12.065 12.083 22.783 12.083 36"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#8767ac" d="M36 1C16.118 1 1 16.118 1 36h17.042c0-9.917 8.042-17.958 17.958-17.958z"/><path fill="#eb2027" d="M0 35.999h3.042c0-18.189 14.734-32.935 32.917-32.957V0C16.095.023 0 16.131 0 35.999"/><path fill="#f19020" d="M3.083 36h3C6.083 19.468 19.473 6.065 36 6.043v-3C17.817 3.065 3.083 17.811 3.083 36"/><path fill="#ffcb4c" d="M6.083 36h3C9.083 21.125 21.13 9.065 36 9.043v-3C19.473 6.065 6.083 19.468 6.083 36"/><path fill="#5c903f" d="M9.083 36h3c0-13.217 10.705-23.935 23.917-23.957v-3C21.13 9.065 9.083 21.125 9.083 36"/><path fill="#226798" d="M12.083 36h3c0-11.56 9.362-20.934 20.917-20.956v-3.001C22.788 12.065 12.083 22.783 12.083 36"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%238767ac%22%20d%3D%22M36%201C16.118%201%201%2016.118%201%2036h17.042c0-9.917%208.042-17.958%2017.958-17.958z%22%2F%3E%3Cpath%20fill%3D%22%23eb2027%22%20d%3D%22M0%2035.999h3.042c0-18.189%2014.734-32.935%2032.917-32.957V0C16.095.023%200%2016.131%200%2035.999%22%2F%3E%3Cpath%20fill%3D%22%23f19020%22%20d%3D%22M3.083%2036h3C6.083%2019.468%2019.473%206.065%2036%206.043v-3C17.817%203.065%203.083%2017.811%203.083%2036%22%2F%3E%3Cpath%20fill%3D%22%23ffcb4c%22%20d%3D%22M6.083%2036h3C9.083%2021.125%2021.13%209.065%2036%209.043v-3C19.473%206.065%206.083%2019.468%206.083%2036%22%2F%3E%3Cpath%20fill%3D%22%235c903f%22%20d%3D%22M9.083%2036h3c0-13.217%2010.705-23.935%2023.917-23.957v-3C21.13%209.065%209.083%2021.125%209.083%2036%22%2F%3E%3Cpath%20fill%3D%22%23226798%22%20d%3D%22M12.083%2036h3c0-11.56%209.362-20.934%2020.917-20.956v-3.001C22.788%2012.065%2012.083%2022.783%2012.083%2036%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%2036%2036%22%3E%3Cpath%20fill%3D%22%238767ac%22%20d%3D%22M36%201C16.118%201%201%2016.118%201%2036h17.042c0-9.917%208.042-17.958%2017.958-17.958z%22%2F%3E%3Cpath%20fill%3D%22%23eb2027%22%20d%3D%22M0%2035.999h3.042c0-18.189%2014.734-32.935%2032.917-32.957V0C16.095.023%200%2016.131%200%2035.999%22%2F%3E%3Cpath%20fill%3D%22%23f19020%22%20d%3D%22M3.083%2036h3C6.083%2019.468%2019.473%206.065%2036%206.043v-3C17.817%203.065%203.083%2017.811%203.083%2036%22%2F%3E%3Cpath%20fill%3D%22%23ffcb4c%22%20d%3D%22M6.083%2036h3C9.083%2021.125%2021.13%209.065%2036%209.043v-3C19.473%206.065%206.083%2019.468%206.083%2036%22%2F%3E%3Cpath%20fill%3D%22%235c903f%22%20d%3D%22M9.083%2036h3c0-13.217%2010.705-23.935%2023.917-23.957v-3C21.13%209.065%209.083%2021.125%209.083%2036%22%2F%3E%3Cpath%20fill%3D%22%23226798%22%20d%3D%22M12.083%2036h3c0-11.56%209.362-20.934%2020.917-20.956v-3.001C22.788%2012.065%2012.083%2022.783%2012.083%2036%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/rainbow.svg?color=%231a73e8&size=48
