Gentleface › Weather › rainbow
rainbow icon
rainbowRainbow: rainbow. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M1.646 9.062C2.032 8.229 2.56 7.5 3.232 6.875C3.904 6.25 4.669 5.775 5.527 5.451C6.324 5.15 7.148 5 8 5C8.852 5 9.676 5.15 10.473 5.451C11.331 5.775 12.096 6.25 12.768 6.875C13.44 7.5 13.968 8.229 14.354 9.062C14.711 9.835 14.92 10.646 14.982 11.496C14.992 11.636 14.953 11.758 14.864 11.861C14.774 11.964 14.66 12.02 14.519 12.03C14.379 12.041 14.257 12.001 14.154 11.912C14.051 11.823 13.995 11.708 13.984 11.568C13.932 10.84 13.752 10.144 13.446 9.482C13.116 8.768 12.663 8.143 12.087 7.607C11.511 7.071 10.855 6.665 10.12 6.387C9.437 6.129 8.73 6 8 6C7.27 6 6.563 6.129 5.88 6.387C5.145 6.665 4.489 7.071 3.913 7.607C3.337 8.143 2.884 8.768 2.554 9.482C2.248 10.144 2.068 10.84 2.016 11.568C2.006 11.705 1.948 11.82 1.844 11.91C1.74 12 1.619 12.04 1.481 12.03C1.343 12.021 1.229 11.963 1.139 11.859C1.048 11.755 1.008 11.633 1.018 11.496C1.08 10.646 1.289 9.835 1.646 9.062ZM5.37 8.987C5.746 8.658 6.17 8.408 6.64 8.238C7.079 8.079 7.533 8 8 8C8.467 8 8.921 8.079 9.36 8.238C9.83 8.408 10.254 8.658 10.63 8.987C11.007 9.315 11.312 9.701 11.544 10.144C11.76 10.558 11.9 10.997 11.963 11.46C11.982 11.599 11.951 11.723 11.868 11.832C11.786 11.94 11.675 12.004 11.535 12.023C11.396 12.042 11.272 12.01 11.164 11.928C11.055 11.845 10.992 11.734 10.973 11.595C10.925 11.248 10.82 10.919 10.658 10.608C10.484 10.276 10.255 9.987 9.973 9.74C9.69 9.493 9.373 9.306 9.02 9.179C8.69 9.06 8.35 9 8 9C7.65 9 7.31 9.06 6.98 9.179C6.627 9.306 6.31 9.493 6.027 9.74C5.745 9.987 5.516 10.276 5.342 10.608C5.18 10.919 5.075 11.248 5.027 11.595C5.009 11.732 4.945 11.842 4.835 11.925C4.725 12.009 4.601 12.041 4.465 12.023C4.328 12.004 4.218 11.94 4.134 11.83C4.05 11.72 4.018 11.597 4.037 11.46C4.1 10.997 4.24 10.558 4.456 10.144C4.688 9.701 4.993 9.315 5.37 8.987ZM8 10.5C8.414 10.5 8.768 10.646 9.061 10.939C9.186 11.065 9.286 11.204 9.358 11.356C9.465 11.58 9.37 11.849 9.146 11.956C9.086 11.985 9.019 12 8.952 12L7.048 12C6.799 12 6.598 11.799 6.598 11.55C6.598 11.483 6.613 11.417 6.642 11.356C6.714 11.204 6.814 11.065 6.939 10.939C7.232 10.646 7.586 10.5 8 10.5Z"/></svg>
// Gentleface "rainbow" (line-round), MIT. https://gentleface.com/icons/rainbow
import type { SVGProps } from 'react';
export function RainbowIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M1.646 9.062C2.032 8.229 2.56 7.5 3.232 6.875C3.904 6.25 4.669 5.775 5.527 5.451C6.324 5.15 7.148 5 8 5C8.852 5 9.676 5.15 10.473 5.451C11.331 5.775 12.096 6.25 12.768 6.875C13.44 7.5 13.968 8.229 14.354 9.062C14.711 9.835 14.92 10.646 14.982 11.496C14.992 11.636 14.953 11.758 14.864 11.861C14.774 11.964 14.66 12.02 14.519 12.03C14.379 12.041 14.257 12.001 14.154 11.912C14.051 11.823 13.995 11.708 13.984 11.568C13.932 10.84 13.752 10.144 13.446 9.482C13.116 8.768 12.663 8.143 12.087 7.607C11.511 7.071 10.855 6.665 10.12 6.387C9.437 6.129 8.73 6 8 6C7.27 6 6.563 6.129 5.88 6.387C5.145 6.665 4.489 7.071 3.913 7.607C3.337 8.143 2.884 8.768 2.554 9.482C2.248 10.144 2.068 10.84 2.016 11.568C2.006 11.705 1.948 11.82 1.844 11.91C1.74 12 1.619 12.04 1.481 12.03C1.343 12.021 1.229 11.963 1.139 11.859C1.048 11.755 1.008 11.633 1.018 11.496C1.08 10.646 1.289 9.835 1.646 9.062ZM5.37 8.987C5.746 8.658 6.17 8.408 6.64 8.238C7.079 8.079 7.533 8 8 8C8.467 8 8.921 8.079 9.36 8.238C9.83 8.408 10.254 8.658 10.63 8.987C11.007 9.315 11.312 9.701 11.544 10.144C11.76 10.558 11.9 10.997 11.963 11.46C11.982 11.599 11.951 11.723 11.868 11.832C11.786 11.94 11.675 12.004 11.535 12.023C11.396 12.042 11.272 12.01 11.164 11.928C11.055 11.845 10.992 11.734 10.973 11.595C10.925 11.248 10.82 10.919 10.658 10.608C10.484 10.276 10.255 9.987 9.973 9.74C9.69 9.493 9.373 9.306 9.02 9.179C8.69 9.06 8.35 9 8 9C7.65 9 7.31 9.06 6.98 9.179C6.627 9.306 6.31 9.493 6.027 9.74C5.745 9.987 5.516 10.276 5.342 10.608C5.18 10.919 5.075 11.248 5.027 11.595C5.009 11.732 4.945 11.842 4.835 11.925C4.725 12.009 4.601 12.041 4.465 12.023C4.328 12.004 4.218 11.94 4.134 11.83C4.05 11.72 4.018 11.597 4.037 11.46C4.1 10.997 4.24 10.558 4.456 10.144C4.688 9.701 4.993 9.315 5.37 8.987ZM8 10.5C8.414 10.5 8.768 10.646 9.061 10.939C9.186 11.065 9.286 11.204 9.358 11.356C9.465 11.58 9.37 11.849 9.146 11.956C9.086 11.985 9.019 12 8.952 12L7.048 12C6.799 12 6.598 11.799 6.598 11.55C6.598 11.483 6.613 11.417 6.642 11.356C6.714 11.204 6.814 11.065 6.939 10.939C7.232 10.646 7.586 10.5 8 10.5Z" />
</svg>
);
}Vue: see /icons/rainbow.md
Svelte: see /icons/rainbow.md
HTML img: see /icons/rainbow.md
CSS: see /icons/rainbow.md
Data URL: see /icons/rainbow.md
Sprite: see /icons/rainbow.md
SwiftUI: see /icons/rainbow.md
Compose: see /icons/rainbow.md
Android XML: see /icons/rainbow.md
Flutter: see /icons/rainbow.md
Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
Meaning
- Use it for
- rainbow
- Tags
- rainbow, weather, colors, spectrum, after-rain, hope, arc
- Category
- Weather
- Component name
RainbowIcon- History
- added
Family 16
More weather icons
cloud-fog cloud-hail cloud-lightning cloud-moon cloud-rain cloud-rain-heavy cloud-snow cloud-sun clouds droplet droplet-alert droplet-off · all weather icons
For agents
Metadata: /icons/rainbow.json · Markdown: /icons/rainbow.md · SVG: https://gentleface.com/svg/{style}/16/rainbow.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/rainbow.png