Trophy Duotone icon
ph:trophy-duotone
The Trophy Duotone icon (ph:trophy-duotone) is a free SVG icon from the Phosphor set by Phosphor Icons. It is drawn on a 256 × 256 grid. Phosphor icons are released under the MIT 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
- Phosphor
- Author
- Phosphor Icons
- License
- MIT
- Size
- 256 × 256
- Tags
- ribbons, medals, winning, victory, awards, prize, trophyduotone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="currentColor"><path d="M200 48v63.1c0 39.7-31.75 72.6-71.45 72.9A72 72 0 0 1 56 112V48Z" opacity=".2"/><path d="M232 64h-24V48a8 8 0 0 0-8-8H56a8 8 0 0 0-8 8v16H24A16 16 0 0 0 8 80v16a40 40 0 0 0 40 40h3.65A80.13 80.13 0 0 0 120 191.61V216H96a8 8 0 0 0 0 16h64a8 8 0 0 0 0-16h-24v-24.42c31.94-3.23 58.44-25.64 68.08-55.58H208a40 40 0 0 0 40-40V80a16 16 0 0 0-16-16M48 120a24 24 0 0 1-24-24V80h24v32q0 4 .39 8Zm144-8.9c0 35.52-29 64.64-64 64.9a64 64 0 0 1-64-64V56h128ZM232 96a24 24 0 0 1-24 24h-.5a82 82 0 0 0 .5-8.9V80h24Z"/></g></svg>
How to use the Trophy Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="ph:trophy-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:trophy-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:trophy-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--trophy-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:trophy-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:trophy-duotone"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ph/trophy-duotone.svg" alt="Trophy Duotone icon" width="24" height="24">
Related icons in Phosphor
Trophy Duotone icon in other icon sets
Trophy Duotone icon FAQ
Is the Trophy Duotone icon free for commercial use?
Yes. Phosphor icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Trophy Duotone icon in React?
Install @iconify/react and render <Icon icon="ph:trophy-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Trophy Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ph/trophy-duotone.svg" alt="Trophy Duotone icon">, or paste the SVG code inline to style it with CSS.
Browse all Phosphor icons →
ICONYZ
