Star Rainbow Broken icon

solar:star-rainbow-broken

The Star Rainbow Broken icon (solar:star-rainbow-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Astronomy
Tags: starrainbow, rainbowbroken, starrainbowbroken

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" d="M11.7711 5.17542C11.5945 3.64716 11.5062 2.88303 11.9729 2.51664C12.4396 2.15025 13.1523 2.42425 14.5776 2.97224L14.9464 3.11402C15.3514 3.26974 15.554 3.3476 15.7674 3.33634C15.9808 3.32508 16.1809 3.22598 16.5812 3.02776L16.9456 2.84731C18.3542 2.14979 19.0585 1.80104 19.5345 2.11769C20.0104 2.43435 19.9427 3.20671 19.8074 4.75143M11.0696 7.46012C10.0534 8.66616 9.54524 9.26918 9.7327 9.81228C9.92016 10.3554 10.6791 10.4789 12.1968 10.7259L12.5895 10.7898C13.0208 10.86 13.2365 10.8951 13.4108 11.0111C13.5851 11.1271 13.6984 11.3108 13.925 11.6784L14.1312 12.013C14.9285 13.3063 15.3272 13.953 15.9098 13.9223C16.4924 13.8916 16.873 13.2038 17.6344 11.8281L17.8314 11.4723C18.0478 11.0814 18.156 10.8859 18.3269 10.7517C18.4979 10.6175 18.7123 10.5597 19.1411 10.4441L19.5315 10.3389C21.0405 9.93221 21.795 9.72887 21.9676 9.16677C22.1402 8.60468 21.6166 8.05609 20.5694 6.95892"/><path stroke-linejoin="round" d="M13.4108 11.0113C9.47788 11.0113 5.5 19.98 5.5 22.0002M5.5 22.0002H3.71668C2.59069 22.0002 1.70785 21.0814 2.0908 20.0316C3.47975 16.2243 7 12.0132 10.6889 10.4443M5.5 22.0002H9.83304M15.4397 13.4102C14.8757 14.1091 14.1946 16.7806 13.9793 19.98C13.9043 21.0938 12.9978 22.0002 11.8718 22.0002H9.83304M9.83304 22.0002C9.83304 19.98 11.2857 14.0195 13.9106 11.5849"/></g></svg>

How to use the Star Rainbow Broken icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:star-rainbow-broken" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:star-rainbow-broken" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:star-rainbow-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--star-rainbow-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:star-rainbow-broken"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:star-rainbow-broken"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/star-rainbow-broken.svg" alt="Star Rainbow Broken icon" width="24" height="24">

Related icons in Solar

Star Rainbow Broken icon FAQ

Is the Star Rainbow Broken icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Star Rainbow Broken icon in React?

Install @iconify/react and render <Icon icon="solar:star-rainbow-broken" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Star Rainbow Broken icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/star-rainbow-broken.svg" alt="Star Rainbow Broken icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →