Star Off Broken icon

solar:star-off-broken

The Star Off Broken icon (solar:star-off-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
Tags: staroff, offbroken, staroffbroken

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-linecap="round" stroke-width="1.5"><path d="M18.5308 17.2544C18.7843 19.8706 18.911 21.1787 18.145 21.7602C17.379 22.3417 16.2275 21.8115 13.9245 20.7512L13.3287 20.4768C12.6742 20.1755 12.347 20.0248 12.0002 20.0248C11.6533 20.0248 11.3261 20.1755 10.6717 20.4768L10.0758 20.7512C7.77284 21.8115 6.62134 22.3417 5.85531 21.7602C5.82177 21.7348 5.78995 21.7079 5.75977 21.6796"/><path d="M19.3459 8.09351C20.894 8.47406 21.7114 8.80375 21.9428 9.54776C22.2354 10.4887 21.397 11.4691 19.7201 13.43"/><path d="M6.03954 7.77197C3.57986 8.3285 2.35002 8.60676 2.05742 9.54767C1.76482 10.4886 2.60325 11.469 4.2801 13.4299L4.71392 13.9372C5.19043 14.4944 5.42868 14.773 5.53586 15.1177C5.64305 15.4623 5.60703 15.8341 5.53498 16.5775L5.4694 17.2543C5.41915 17.7729 5.37388 18.2401 5.33955 18.6604"/><path d="M9.15308 5.40838C10.4197 3.13613 11.0531 2 11.9999 2C12.9468 2 13.5801 3.13612 14.8467 5.40837L15.1744 5.99623C15.5344 6.64193 15.7144 6.96479 15.995 7.17781C16.1476 7.29367 16.3206 7.36991 16.5591 7.44079"/><path d="M22 2C20.7406 3.25937 19.4813 4.51874 18.2219 5.77811C16.9354 7.06458 15.6489 8.35106 14.3625 9.63753C10.2416 13.7584 6.12082 17.8792 2 22"/></g></svg>

How to use the Star Off Broken icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:star-off-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-off-broken"></iconify-icon>

HTML image

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

Related icons in Solar

Star Off Broken icon FAQ

Is the Star Off 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 Off Broken icon in React?

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

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

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

Browse all Solar icons →