Star Prohibited icon

Used in general rating scenarios. The Star Prohibited icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 3 sizes from 16 to 24 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_star_prohibited_24_regular.svg

Star Prohibited icon in React

npm install @fluentui/react-icons

import { StarProhibited24Regular } from "@fluentui/react-icons";

export function Example() {
  return <StarProhibited24Regular aria-label="Star Prohibited" />;
}

Star Prohibited icon in SVG

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/star_prohibited_24_regular.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/star_prohibited_24_regular.svg" width="24" height="24" alt="Star Prohibited">

Star Prohibited icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.StarProhibited())" />

Star Prohibited icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.star_prohibited_24_regular)

Star Prohibited icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xF71F;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xF71F;" FontSize="24" />

Star Prohibited icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_star_prohibited_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\f71f";
  font-size: 24px;
}

Star Prohibited icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_star_prohibited_24_regular" />

// Kotlin
R.drawable.ic_fluent_star_prohibited_24_regular

Star Prohibited icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .starProhibited24Regular)

Star Prohibited icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Use the Star Prohibited icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { StarProhibited24Regular, StarProhibited24Filled } from "@fluentui/react-icons";

export function Example() {
  return <StarProhibited24Regular aria-label="Star Prohibited" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_star_prohibited_24_regular.svg" width="24" height="24" alt="Star Prohibited">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.7878 3.10215C11.283 2.09877 12.7138 2.09876 13.209 3.10215L15.567 7.87987L20.8395 8.64601C21.9468 8.80691 22.3889 10.1677 21.5877 10.9487L20.6828 11.8307C20.2105 11.565 19.7016 11.3566 19.1656 11.2149L20.323 10.0867L15.2732 9.35294C14.8335 9.28904 14.4534 9.01288 14.2568 8.61443L11.9984 4.03854L9.74008 8.61443C9.54344 9.01288 9.16332 9.28904 8.72361 9.35294L3.67382 10.0867L7.32788 13.6486C7.64606 13.9587 7.79125 14.4055 7.71614 14.8435L6.85353 19.8729L11.0028 17.6915C11.0185 18.2338 11.1007 18.7595 11.2414 19.2607L7.28252 21.342C6.29213 21.8627 5.13459 21.0217 5.32374 19.9189L6.2244 14.6676L2.40916 10.9487C1.60791 10.1677 2.05005 8.80691 3.15735 8.64601L8.42988 7.87987L10.7878 3.10215ZM23 17.4995C23 20.5371 20.5376 22.9995 17.5 22.9995C14.4624 22.9995 12 20.5371 12 17.4995C12 14.4619 14.4624 11.9995 17.5 11.9995C20.5376 11.9995 23 14.4619 23 17.4995ZM13.5 17.4995C13.5 18.333 13.755 19.107 14.1911 19.7477L19.7482 14.1906C19.1075 13.7545 18.3335 13.4995 17.5 13.4995C15.2909 13.4995 13.5 15.2904 13.5 17.4995ZM17.5 21.4995C19.7091 21.4995 21.5 19.7087 21.5 17.4995C21.5 16.666 21.245 15.892 20.8089 15.2513L15.2518 20.8084C15.8925 21.2446 16.6665 21.4995 17.5 21.4995Z" fill="currentColor"/></svg>

Details

NameStar Prohibited
StylesRegular (outlined), Filled
Sizes16 px, 20 px, 24 px
Regular (outlined) fileic_fluent_star_prohibited_24_regular.svg
Filled fileic_fluent_star_prohibited_24_filled.svg
React (Regular)StarProhibited16Regular, StarProhibited20Regular, StarProhibited24Regular
React (Filled)StarProhibited16Filled, StarProhibited20Filled, StarProhibited24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

favoriteratingvoteslash

Related icons