Ícone Continue
thesvg-color:continue
O ícone Continue (thesvg-color:continue) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 300 × 300. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 300 × 300
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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/continue.svg" alt="Ícone Continue" width="24" height="24">O ícone Continue em outras coleções
Perguntas frequentes sobre Ícone Continue
O ícone Continue é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Continue no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:continue" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Continue a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/continue.svg" alt="Ícone Continue">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.