Icono Medal Ribbon Bold

solar:medal-ribbon-bold

El icono Medal Ribbon Bold (solar:medal-ribbon-bold) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: Solar
Autor: 480 Design
Licencia: CC-BY-4.0
Tamaño: 24 × 24
Categoría: Me gusta
Etiquetas: medalribbon, ribbonbold, medalribbonbold

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19 9C19 12.866 15.866 16 12 16C8.13401 16 5 12.866 5 9C5 5.13401 8.13401 2 12 2C15.866 2 19 5.13401 19 9Z"/><path d="M7.09301 15.9414L6.71424 17.323C6.0859 19.6148 5.77173 20.7607 6.19097 21.3881C6.3379 21.6079 6.535 21.7844 6.76372 21.9008C7.41634 22.2331 8.424 21.7081 10.4393 20.658C11.1099 20.3086 11.4452 20.1339 11.8014 20.0959C11.9335 20.0818 12.0665 20.0818 12.1986 20.0959C12.5548 20.1339 12.8901 20.3086 13.5607 20.658C15.576 21.7081 16.5837 22.2331 17.2363 21.9008C17.465 21.7844 17.6621 21.6079 17.809 21.3881C18.2283 20.7607 17.9141 19.6148 17.2858 17.323L16.907 15.9414C15.5208 16.9231 13.8278 17.5 12 17.5C10.1722 17.5 8.47915 16.9231 7.09301 15.9414Z"/></g></svg>

Cómo usar el icono Medal Ribbon Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:medal-ribbon-bold"></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"></iconify-icon>

Imagen HTML

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

Iconos relacionados en Solar

Preguntas frecuentes sobre Icono Medal Ribbon Bold

¿El icono Medal Ribbon Bold es gratis para uso comercial?

Sí. Solar icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Medal Ribbon Bold en React?

Instala @iconify/react y renderiza <Icon icon="solar:medal-ribbon-bold" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Medal Ribbon Bold a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/medal-ribbon-bold.svg" alt="Icono Medal Ribbon Bold">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Solar →