Trophy Off icon
Used to represent rewards, top award, or celebration events. The Trophy Off icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Trophy Off 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 { TrophyOff24Regular, TrophyOff24Filled } from "@fluentui/react-icons";
export function Example() {
return <TrophyOff24Regular aria-label="Trophy Off" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_trophy_off_24_regular.svg" width="24" height="24" alt="Trophy Off"> 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="M3.48059 4.54128L2.21966 3.28032C1.92677 2.98743 1.92678 2.51255 2.21968 2.21966C2.51257 1.92677 2.98745 1.92678 3.28034 2.21968L21.7801 20.7198C22.073 21.0127 22.073 21.4876 21.7801 21.7805C21.4872 22.0734 21.0123 22.0734 20.7194 21.7805L14.3303 15.3912C13.767 15.6741 13.1509 15.8672 12.5007 15.9517L12.5001 17.5H14.2536C15.9866 17.5 17.4028 18.8565 17.4984 20.5656L17.5036 20.75V21.25C17.5036 21.6297 17.2214 21.9435 16.8554 21.9932L16.7536 22H6.75056C6.37086 22 6.05707 21.7178 6.00741 21.3518L6.00056 21.25V20.75C6.00056 19.017 7.35702 17.6008 9.06614 17.5051L9.25056 17.5H11.0001L11.0004 15.9513C8.76915 15.6601 6.93987 14.09 6.27235 12.0007L6.24609 12C4.45117 12 2.99609 10.5449 2.99609 8.75V5.75C2.99609 5.28119 3.18044 4.85544 3.48059 4.54128ZM13.1899 14.2507L7.50056 8.56133V10.2485C7.50056 12.5965 9.40403 14.5 11.7521 14.5C12.2567 14.5 12.7408 14.4121 13.1899 14.2507ZM6.00056 7.0613L4.5432 5.60391C4.51356 5.645 4.49609 5.69546 4.49609 5.75V8.75C4.49609 9.63316 5.15031 10.3635 6.00056 10.4829V7.0613ZM16.0036 10.2485C16.0036 10.9911 15.8132 11.6892 15.4785 12.2968L16.5711 13.3893C16.8499 12.9624 17.0735 12.4962 17.2318 12.0007L17.4421 11.9949C19.1512 11.8992 20.5076 10.483 20.5076 8.75V5.75L20.5018 5.60647C20.4288 4.70711 19.6758 4 18.7576 4L17.4899 4.00044C17.3657 2.87524 16.4119 2 15.2536 2H8.25056C7.41915 2 6.69307 2.45094 6.30355 3.12158L7.50056 4.31862V4.25C7.50056 3.83579 7.83635 3.5 8.25056 3.5H15.2536C15.6678 3.5 16.0036 3.83579 16.0036 4.25V10.2485ZM9.25056 19C8.4208 19 7.72592 19.5775 7.54591 20.3525L7.51828 20.5H15.9859C15.8717 19.7018 15.2189 19.0774 14.4075 19.0067L14.2536 19H9.25056ZM18.7576 5.5L18.815 5.5066C18.9254 5.53251 19.0076 5.63165 19.0076 5.75V8.75L19.0009 8.90415C18.93 9.71683 18.3036 10.3703 17.5036 10.4829V5.5H18.7576Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/trophy_off_24_regular.svg";Details
| Name | Trophy Off |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_trophy_off_24_regular.svg |
| Filled file | ic_fluent_trophy_off_24_filled.svg |
| React components | TrophyOff24Regular, TrophyOff24Filled |
| License | MIT (© Microsoft Corporation) |