ICONYZ
Español
Icono Ribbon Solid de Fluent UI MDL2

Icono Ribbon Solid

fluent-mdl2:ribbon-solid

El icono Ribbon Solid (fluent-mdl2:ribbon-solid) es un icono SVG gratuito de la colección Fluent UI MDL2 de Microsoft Corporation. Está dibujado en una cuadrícula de 2048 × 2048. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Fluent UI MDL2
Autor
Microsoft Corporation
Licencia
MIT
Tamaño
2048 × 2048
Etiquetas
ribbonsolid
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M512 1222q107 94 238 144t274 50t274-50t238-144v826l-512-256l-512 256zm512 58q-88 0-170-23t-153-64t-129-100t-99-130t-65-153t-23-170q0-88 23-170t64-153t100-129T701 88t153-65t170-23q88 0 170 23t153 64t129 100t100 130t65 153t23 170t-23 170t-64 153t-100 129t-130 100t-153 65t-170 23m0-1032q-81 0-152 31t-125 84t-84 124t-31 153q0 81 31 152t84 125t124 84t153 31q81 0 152-31t125-84t84-124t31-153q0-81-31-152t-84-125t-124-84t-153-31m0 648q-53 0-99-20t-82-55t-55-81t-20-100q0-53 20-99t55-82t81-55t100-20q53 0 99 20t82 55t55 81t20 100q0 53-20 99t-55 82t-81 55t-100 20"/></svg>

Cómo usar el icono Ribbon Solid

React

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

<Icon icon="fluent-mdl2:ribbon-solid" width="24" />

Vue

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

<template>
  <Icon icon="fluent-mdl2:ribbon-solid" width="24" />
</template>

Svelte

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

<Icon icon="fluent-mdl2:ribbon-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--ribbon-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:ribbon-solid"></div>

Web component

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

<iconify-icon icon="fluent-mdl2:ribbon-solid"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fluent-mdl2/ribbon-solid.svg" alt="Icono Ribbon Solid" width="24" height="24">

Iconos relacionados en Fluent UI MDL2

El icono Ribbon Solid en otras colecciones

Preguntas frecuentes sobre Icono Ribbon Solid

¿El icono Ribbon Solid es gratis para uso comercial?

Sí. Fluent UI MDL2 icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Ribbon Solid en React?

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

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

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

Ver todos los Iconos Fluent UI MDL2 →