ICONYZ
Español
Icono Riot de Arcticons

Icono Riot

arcticons:riot

El icono Riot (arcticons:riot) es un icono SVG gratuito de la colección Arcticons de Donnnno. Está dibujado en una cuadrícula de 48 × 48. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Arcticons
Autor
Donnnno
Licencia
CC-BY-SA-4.0
Tamaño
48 × 48
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M34.32 29.35A12.4 12.4 0 0 0 36 27.7a14.2 14.2 0 0 0 3.55-9.27A13.93 13.93 0 0 0 25.62 4.5H14m-5.55 5.57v27.86a5.57 5.57 0 1 0 11.14 0V26"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.2 20.47a5.57 5.57 0 0 0-4.56 8.77L29 41.13a5.57 5.57 0 0 0 9.12-6.38l-8.36-11.91a5.55 5.55 0 0 0-4.56-2.38Z"/><circle cx="14.02" cy="10.07" r="5.57" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>

Cómo usar el icono Riot

React

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

<Icon icon="arcticons:riot" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:riot" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:riot" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--riot]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:riot"></div>

Web component

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

<iconify-icon icon="arcticons:riot"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/arcticons/riot.svg" alt="Icono Riot" width="24" height="24">

El icono Riot en otras colecciones

Preguntas frecuentes sobre Icono Riot

¿El icono Riot es gratis para uso comercial?

Sí. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Riot en React?

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

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

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

Ver todos los Arcticons →