Medal Ribbon Bold Duotone icon

solar:medal-ribbon-bold-duotone

The Medal Ribbon Bold Duotone icon (solar:medal-ribbon-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Like
Tags: medalribbon, ribbonbold, boldduotone, medalribbonboldduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><circle cx="12" cy="9" r="7" opacity=".5"/><path d="M7.54572 14.4001L7.35111 15L6.71424 17.3229C6.0859 19.6148 5.77173 20.7607 6.19097 21.388C6.3379 21.6079 6.535 21.7843 6.76372 21.9008C7.41634 22.2331 8.424 21.708 10.4393 20.6579C11.1099 20.3085 11.4452 20.1338 11.8014 20.0958C11.9335 20.0818 12.0665 20.0818 12.1986 20.0958C12.5548 20.1338 12.8901 20.3085 13.5607 20.6579C15.576 21.708 16.5837 22.2331 17.2363 21.9008C17.465 21.7843 17.6621 21.6079 17.809 21.388C18.2283 20.7607 17.9141 19.6148 17.2858 17.3229L16.6489 15L16.4543 14.4001C15.244 15.3995 13.6921 16 12 16C10.3079 16 8.75597 15.3995 7.54572 14.4001Z"/></g></svg>

How to use the Medal Ribbon Bold Duotone icon

React

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

<Icon icon="solar:medal-ribbon-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:medal-ribbon-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:medal-ribbon-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--medal-ribbon-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:medal-ribbon-bold-duotone"></div>

Web component

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

<iconify-icon icon="solar:medal-ribbon-bold-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/medal-ribbon-bold-duotone.svg" alt="Medal Ribbon Bold Duotone icon" width="24" height="24">

Related icons in Solar

Medal Ribbon Bold Duotone icon FAQ

Is the Medal Ribbon Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Medal Ribbon Bold Duotone icon in React?

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

How do I add the Medal Ribbon Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/medal-ribbon-bold-duotone.svg" alt="Medal Ribbon Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →