Gold Medal icon
icon-park:gold-medal
The Gold Medal icon (icon-park:gold-medal) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Sports
- Tags
- goldmedal
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M44 4H31L27 14.3001C31.4614 15.2057 35.2038 18.0914 37.2699 22L44 4Z"/><path fill="#2F88FF" stroke="#000" d="M17 4H4L10.7301 22C12.7962 18.0914 16.5386 15.2057 21 14.3001L17 4Z"/><path fill="#2F88FF" stroke="#000" d="M39 29C39 37.2843 32.2843 44 24 44C15.7157 44 9 37.2843 9 29C9 26.4718 9.62546 24.0897 10.7301 22C12.7962 18.0914 16.5386 15.2057 21 14.3001C21.9693 14.1033 22.9726 14 24 14C25.0274 14 26.0307 14.1033 27 14.3001C31.4614 15.2057 35.2038 18.0914 37.2699 22C38.3745 24.0897 39 26.4718 39 29Z"/><path stroke="#fff" d="M24 35V22L21 23M24 35H28M24 35H20"/></g></svg>
How to use the Gold Medal icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:gold-medal" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:gold-medal" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:gold-medal" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--gold-medal]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:gold-medal"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:gold-medal"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/gold-medal.svg" alt="Gold Medal icon" width="24" height="24">
Related icons in IconPark
Gold Medal icon in other icon sets
Gold Medal icon FAQ
Is the Gold Medal icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Gold Medal icon in React?
Install @iconify/react and render <Icon icon="icon-park:gold-medal" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gold Medal icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/gold-medal.svg" alt="Gold Medal icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
