Иконка Medal Ribbon Bold Duotone

solar:medal-ribbon-bold-duotone

Иконка Medal Ribbon Bold Duotone (solar:medal-ribbon-bold-duotone) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Лайки
Теги: medalribbon, ribbonbold, boldduotone, medalribbonboldduotone

Скачать SVG

Код SVG

<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>

Как использовать иконку Medal Ribbon Bold Duotone

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>

Веб-компонент

<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

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

Вопросы и ответы: Иконка Medal Ribbon Bold Duotone

Можно ли бесплатно использовать иконку Medal Ribbon Bold Duotone в коммерческих проектах?

Да. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Medal Ribbon Bold Duotone в React?

Установите @iconify/react и выведите <Icon icon="solar:medal-ribbon-bold-duotone" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Medal Ribbon Bold Duotone на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/solar/medal-ribbon-bold-duotone.svg" alt="Иконка Medal Ribbon Bold Duotone">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Solar →