ICONYZ
Español
Icono Continue de theSVG Color

Icono Continue

thesvg-color:continue

El icono Continue (thesvg-color:continue) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 300 × 300. theSVG Color 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
theSVG Color
Autor
thesvg.org
Licencia
MIT
Tamaño
300 × 300
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300"><g fill="none"><path fill="#f3f3f3" d="M300 150C300 67.157 232.843 0 150 0S0 67.157 0 150s67.157 150 150 150s150-67.157 150-150"/><path fill="#33333b" d="m206.97 92.797l-9.19 15.932l23.229 40.203c.17.305.272.678.272 1.017s-.102.712-.272 1.017l-23.229 40.237l9.19 15.933L240 149.949l-33.03-57.186zm-12.751 13.864l9.19-15.932h-18.38l-9.19 15.932h18.414zm-18.414 4.136l21.466 37.118h18.38l-21.432-37.118zm18.414 78.372l21.432-37.152h-18.38l-21.466 37.152zm-18.414 4.136l9.19 15.864h18.38l-9.19-15.864h-18.414zm-62.296 19.797c-.373 0-.712-.102-1.017-.272a1.97 1.97 0 0 1-.747-.745l-23.263-40.238h-18.38L103.132 229h66.026l-9.19-15.898zm50.02-2.068l9.19 15.898l9.19-15.932l-9.19-15.932l-9.19 15.932zm5.629-18h-42.864l-9.19 15.932h42.864zM122.699 191l-21.466-37.153l-9.19 15.933l21.466 37.152zm-52.631-23.288h18.38l9.19-15.932H79.292zm41.576-79.763c.169-.305.441-.576.746-.746s.678-.27 1.017-.27H159.9L169.09 71h-66.06L70 128.186h18.38l23.196-40.203zM97.638 148.22l-9.19-15.932h-18.38l9.19 15.932zm15.803-55.118L92.009 130.22l9.19 15.933l21.432-37.119zm46.493-2.068h-42.932l9.19 15.932h42.932zm12.785 13.864L181.875 89l-9.156-15.932l-9.19 15.898z"/></g></svg>

Cómo usar el icono Continue

React

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

<Icon icon="thesvg-color:continue" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:continue" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:continue" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--continue]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:continue"></div>

Web component

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

<iconify-icon icon="thesvg-color:continue"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/continue.svg" alt="Icono Continue" width="24" height="24">

El icono Continue en otras colecciones

Preguntas frecuentes sobre Icono Continue

¿El icono Continue es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Continue en React?

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

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

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

Ver todos los Iconos theSVG Color →