rainbow emoji
rainbow from Firefox OS Emoji by Mozilla · Default · Nature · Apache-2.0 Free for personal and commercial use.
- Name
- rainbow
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- Nature
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
rainbowBootstrap IconsrainbowEmoji One (Colored)rainbowFont Awesome 6 SolidrainbowFont Awesome SolidrainbowFluent EmojirainbowFluent Emoji FlatrainbowFluent Emoji High ContrastrainbowHuge IconsrainbowJam IconsrainbowLine AwesomerainbowLuciderainbow-fillMingCute IconrainbowMyna UI IconsrainbowNoto EmojirainbowOpenMojirainbowPhosphorrainbow-fillRemix IconrainbowStreamline EmojisrainbowTabler IconsrainbowTDesign IconsrainbowWeb3 IconsrainbowWeb3 Icons BrandedrainbowTwitter EmojirainbowUnicons
More nature icons from Firefox OS Emoji
Use the rainbow emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#98D4FA" d="M488.951 10.383H21.716c-6.6 0-12 5.4-12 12v467.234c0 6.6 5.4 12 12 12H488.95c6.6 0 12-5.4 12-12V22.383c.001-6.6-5.399-12-11.999-12"/><path fill="#0096D1" d="M215.218 489.383c0 4.101.107 8.176.278 12.234h40.953c-.2-4.053-.305-8.132-.305-12.234c0-135.203 109.604-244.807 244.807-244.807V203.65c-157.806 0-285.733 127.927-285.733 285.733"/><path fill="#21C14B" d="M167.45 489.383c0 4.098.1 8.172.247 12.234h47.799a290 290 0 0 1-.278-12.234c0-157.806 127.927-285.733 285.733-285.733v-47.768c-184.188 0-333.501 149.313-333.501 333.501"/><path fill="#FFD469" d="M121.973 489.383c0 4.094.073 8.171.201 12.234h45.523a338 338 0 0 1-.247-12.234c0-184.187 149.313-333.501 333.501-333.501v-45.477c-209.304 0-378.978 169.674-378.978 378.978"/><path fill="#FF7B39" d="M70.294 489.383c0 4.092.063 8.17.176 12.234h51.704c-.129-4.063-.201-8.14-.201-12.234c0-209.304 169.674-378.978 378.978-378.978V58.726c-237.846 0-430.657 192.812-430.657 430.657"/><path fill="#FF473E" d="M488.951 10.383h-88.713c-221.962 46.434-388.67 243.245-388.67 479q.001 3.341.047 6.672c2.138 3.335 5.868 5.563 10.102 5.563H70.47a440 440 0 0 1-.176-12.234c0-237.845 192.812-430.657 430.657-430.657V22.383c0-6.6-5.4-12-12-12"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiRainbow(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#98D4FA" d="M488.951 10.383H21.716c-6.6 0-12 5.4-12 12v467.234c0 6.6 5.4 12 12 12H488.95c6.6 0 12-5.4 12-12V22.383c.001-6.6-5.399-12-11.999-12"/><path fill="#0096D1" d="M215.218 489.383c0 4.101.107 8.176.278 12.234h40.953c-.2-4.053-.305-8.132-.305-12.234c0-135.203 109.604-244.807 244.807-244.807V203.65c-157.806 0-285.733 127.927-285.733 285.733"/><path fill="#21C14B" d="M167.45 489.383c0 4.098.1 8.172.247 12.234h47.799a290 290 0 0 1-.278-12.234c0-157.806 127.927-285.733 285.733-285.733v-47.768c-184.188 0-333.501 149.313-333.501 333.501"/><path fill="#FFD469" d="M121.973 489.383c0 4.094.073 8.171.201 12.234h45.523a338 338 0 0 1-.247-12.234c0-184.187 149.313-333.501 333.501-333.501v-45.477c-209.304 0-378.978 169.674-378.978 378.978"/><path fill="#FF7B39" d="M70.294 489.383c0 4.092.063 8.17.176 12.234h51.704c-.129-4.063-.201-8.14-.201-12.234c0-209.304 169.674-378.978 378.978-378.978V58.726c-237.846 0-430.657 192.812-430.657 430.657"/><path fill="#FF473E" d="M488.951 10.383h-88.713c-221.962 46.434-388.67 243.245-388.67 479q.001 3.341.047 6.672c2.138 3.335 5.868 5.563 10.102 5.563H70.47a440 440 0 0 1-.176-12.234c0-237.845 192.812-430.657 430.657-430.657V22.383c0-6.6-5.4-12-12-12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#98D4FA" d="M488.951 10.383H21.716c-6.6 0-12 5.4-12 12v467.234c0 6.6 5.4 12 12 12H488.95c6.6 0 12-5.4 12-12V22.383c.001-6.6-5.399-12-11.999-12"/><path fill="#0096D1" d="M215.218 489.383c0 4.101.107 8.176.278 12.234h40.953c-.2-4.053-.305-8.132-.305-12.234c0-135.203 109.604-244.807 244.807-244.807V203.65c-157.806 0-285.733 127.927-285.733 285.733"/><path fill="#21C14B" d="M167.45 489.383c0 4.098.1 8.172.247 12.234h47.799a290 290 0 0 1-.278-12.234c0-157.806 127.927-285.733 285.733-285.733v-47.768c-184.188 0-333.501 149.313-333.501 333.501"/><path fill="#FFD469" d="M121.973 489.383c0 4.094.073 8.171.201 12.234h45.523a338 338 0 0 1-.247-12.234c0-184.187 149.313-333.501 333.501-333.501v-45.477c-209.304 0-378.978 169.674-378.978 378.978"/><path fill="#FF7B39" d="M70.294 489.383c0 4.092.063 8.17.176 12.234h51.704c-.129-4.063-.201-8.14-.201-12.234c0-209.304 169.674-378.978 378.978-378.978V58.726c-237.846 0-430.657 192.812-430.657 430.657"/><path fill="#FF473E" d="M488.951 10.383h-88.713c-221.962 46.434-388.67 243.245-388.67 479q.001 3.341.047 6.672c2.138 3.335 5.868 5.563 10.102 5.563H70.47a440 440 0 0 1-.176-12.234c0-237.845 192.812-430.657 430.657-430.657V22.383c0-6.6-5.4-12-12-12"/></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%20512%20512%22%3E%3Cpath%20fill%3D%22%2398D4FA%22%20d%3D%22M488.951%2010.383H21.716c-6.6%200-12%205.4-12%2012v467.234c0%206.6%205.4%2012%2012%2012H488.95c6.6%200%2012-5.4%2012-12V22.383c.001-6.6-5.399-12-11.999-12%22%2F%3E%3Cpath%20fill%3D%22%230096D1%22%20d%3D%22M215.218%20489.383c0%204.101.107%208.176.278%2012.234h40.953c-.2-4.053-.305-8.132-.305-12.234c0-135.203%20109.604-244.807%20244.807-244.807V203.65c-157.806%200-285.733%20127.927-285.733%20285.733%22%2F%3E%3Cpath%20fill%3D%22%2321C14B%22%20d%3D%22M167.45%20489.383c0%204.098.1%208.172.247%2012.234h47.799a290%20290%200%200%201-.278-12.234c0-157.806%20127.927-285.733%20285.733-285.733v-47.768c-184.188%200-333.501%20149.313-333.501%20333.501%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M121.973%20489.383c0%204.094.073%208.171.201%2012.234h45.523a338%20338%200%200%201-.247-12.234c0-184.187%20149.313-333.501%20333.501-333.501v-45.477c-209.304%200-378.978%20169.674-378.978%20378.978%22%2F%3E%3Cpath%20fill%3D%22%23FF7B39%22%20d%3D%22M70.294%20489.383c0%204.092.063%208.17.176%2012.234h51.704c-.129-4.063-.201-8.14-.201-12.234c0-209.304%20169.674-378.978%20378.978-378.978V58.726c-237.846%200-430.657%20192.812-430.657%20430.657%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M488.951%2010.383h-88.713c-221.962%2046.434-388.67%20243.245-388.67%20479q.001%203.341.047%206.672c2.138%203.335%205.868%205.563%2010.102%205.563H70.47a440%20440%200%200%201-.176-12.234c0-237.845%20192.812-430.657%20430.657-430.657V22.383c0-6.6-5.4-12-12-12%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%20512%20512%22%3E%3Cpath%20fill%3D%22%2398D4FA%22%20d%3D%22M488.951%2010.383H21.716c-6.6%200-12%205.4-12%2012v467.234c0%206.6%205.4%2012%2012%2012H488.95c6.6%200%2012-5.4%2012-12V22.383c.001-6.6-5.399-12-11.999-12%22%2F%3E%3Cpath%20fill%3D%22%230096D1%22%20d%3D%22M215.218%20489.383c0%204.101.107%208.176.278%2012.234h40.953c-.2-4.053-.305-8.132-.305-12.234c0-135.203%20109.604-244.807%20244.807-244.807V203.65c-157.806%200-285.733%20127.927-285.733%20285.733%22%2F%3E%3Cpath%20fill%3D%22%2321C14B%22%20d%3D%22M167.45%20489.383c0%204.098.1%208.172.247%2012.234h47.799a290%20290%200%200%201-.278-12.234c0-157.806%20127.927-285.733%20285.733-285.733v-47.768c-184.188%200-333.501%20149.313-333.501%20333.501%22%2F%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M121.973%20489.383c0%204.094.073%208.171.201%2012.234h45.523a338%20338%200%200%201-.247-12.234c0-184.187%20149.313-333.501%20333.501-333.501v-45.477c-209.304%200-378.978%20169.674-378.978%20378.978%22%2F%3E%3Cpath%20fill%3D%22%23FF7B39%22%20d%3D%22M70.294%20489.383c0%204.092.063%208.17.176%2012.234h51.704c-.129-4.063-.201-8.14-.201-12.234c0-209.304%20169.674-378.978%20378.978-378.978V58.726c-237.846%200-430.657%20192.812-430.657%20430.657%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M488.951%2010.383h-88.713c-221.962%2046.434-388.67%20243.245-388.67%20479q.001%203.341.047%206.672c2.138%203.335%205.868%205.563%2010.102%205.563H70.47a440%20440%200%200%201-.176-12.234c0-237.845%20192.812-430.657%20430.657-430.657V22.383c0-6.6-5.4-12-12-12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/rainbow.svg?color=%231a73e8&size=48
