ICONYZ
English
Star O icon from Font Awesome 4

Star O icon

fa:star-o

The Star O icon (fa:star-o) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 1664 × 1600 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Font Awesome 4
Author
Dave Gandy
License
OFL-1.1
Size
1664 × 1600
Tags
staro
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1664" height="1600" viewBox="0 0 1664 1600"><path fill="currentColor" d="m1137 972l306-297l-422-62l-189-382l-189 382l-422 62l306 297l-73 421l378-199l377 199zm527-357q0 22-26 48l-363 354l86 500q1 7 1 20q0 50-41 50q-19 0-40-12l-449-236l-449 236q-22 12-40 12q-21 0-31.5-14.5T301 1537q0-6 2-20l86-500L25 663Q0 636 0 615q0-37 56-46l502-73L783 41q19-41 49-41t49 41l225 455l502 73q56 9 56 46"/></svg>

How to use the Star O icon

React

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

<Icon icon="fa:star-o" width="24" />

Vue

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

<template>
  <Icon icon="fa:star-o" width="24" />
</template>

Svelte

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

<Icon icon="fa:star-o" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--star-o]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:star-o"></div>

Web component

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

<iconify-icon icon="fa:star-o"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/star-o.svg" alt="Star O icon" width="24" height="24">

Related icons in Font Awesome 4

Star O icon in other icon sets

Star O icon FAQ

Is the Star O icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Star O icon in React?

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

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

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

Browse all Font Awesome 4 icons →