Star Off Linear icon

solar:star-off-linear

The Star Off Linear icon (solar:star-off-linear) 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, offlinear, starofflinear

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="M5.75977 21.6796C5.78995 21.7079 5.82177 21.7348 5.85531 21.7602C6.62134 22.3418 7.77284 21.8116 10.0758 20.7512L10.6717 20.4769C11.3261 20.1755 11.6533 20.0249 12.0002 20.0249C12.347 20.0249 12.6742 20.1755 13.3287 20.4769L13.9245 20.7512C16.2275 21.8116 17.379 22.3418 18.145 21.7602C18.911 21.1787 18.7843 19.8706 18.5308 17.2544L18.4652 16.5776C18.3931 15.8341 18.3571 15.4624 18.4643 15.1177C18.5715 14.7731 18.8097 14.4945 19.2862 13.9373L19.7201 13.43C21.3969 11.4691 22.2353 10.4887 21.9427 9.54776C21.7114 8.80375 20.894 8.47406 19.3459 8.09351"/><path d="M5.33955 18.6604C5.37388 18.2401 5.41915 17.773 5.4694 17.2544L5.53498 16.5776C5.60703 15.8341 5.64305 15.4624 5.53586 15.1177C5.42868 14.773 5.19043 14.4944 4.71392 13.9372L4.2801 13.4299C2.60325 11.4691 1.76482 10.4886 2.05742 9.54773C2.35002 8.60682 3.57986 8.32856 6.03954 7.77203L6.67589 7.62805C7.37485 7.4699 7.72433 7.39083 8.00494 7.17781C8.28555 6.96479 8.46553 6.64194 8.82547 5.99623L9.15316 5.40838C10.4198 3.13613 11.0531 2 12 2C12.9469 2 13.5802 3.13612 14.8468 5.40837L15.1745 5.99623C15.5345 6.64193 15.7144 6.96479 15.9951 7.17781C16.1477 7.29367 16.3207 7.36991 16.5592 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 Linear icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Solar

Star Off Linear icon FAQ

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

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

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

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

Browse all Solar icons →