ICONYZ
Português (Brasil)
Ícone Skip Forward Circle de Bootstrap Icons

Ícone Skip Forward Circle

bi:skip-forward-circle

O ícone Skip Forward Circle (bi:skip-forward-circle) é um ícone SVG gratuito da coleção Bootstrap Icons de The Bootstrap Authors. Ele é desenhado em uma grade de 24 × 24. Bootstrap 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
Bootstrap Icons
Autor
The Bootstrap Authors
Licença
MIT
Tamanho
24 × 24
Tags
skipforward, forwardcircle, skipforwardcircle
Baixar 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="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="M4.271 5.055a.5.5 0 0 1 .52.038L7.5 7.028V5.5a.5.5 0 0 1 .79-.407L11 7.028V5.5a.5.5 0 0 1 1 0v5a.5.5 0 0 1-1 0V8.972l-2.71 1.935a.5.5 0 0 1-.79-.407V8.972l-2.71 1.935A.5.5 0 0 1 4 10.5v-5a.5.5 0 0 1 .271-.445"/></g></svg>

Como usar o ícone Skip Forward Circle

React

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

<Icon icon="bi:skip-forward-circle" width="24" />

Vue

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

<template>
  <Icon icon="bi:skip-forward-circle" width="24" />
</template>

Svelte

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

<Icon icon="bi:skip-forward-circle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[bi--skip-forward-circle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/bi -->
<div class="i-bi:skip-forward-circle"></div>

Web component

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

<iconify-icon icon="bi:skip-forward-circle"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/bi/skip-forward-circle.svg" alt="Ícone Skip Forward Circle" width="24" height="24">

Ícones relacionados em Bootstrap Icons

Ícone skip-backward
skip-backward
 Ícone skip-backward-btn
skip-backward-btn
 Ícone skip-backward-btn-fill
skip-backward-btn-fill
 Ícone skip-backward-circle
skip-backward-circle
 Ícone skip-backward-circle-fill
skip-backward-circle-fill
 Ícone skip-backward-fill
skip-backward-fill
 Ícone skip-end
skip-end
 Ícone skip-end-btn
skip-end-btn
 Ícone skip-end-btn-fill
skip-end-btn-fill
 Ícone skip-end-circle
skip-end-circle
 Ícone skip-end-circle-fill
skip-end-circle-fill
 Ícone skip-end-fill
skip-end-fill
 Ícone skip-forward
skip-forward
 Ícone skip-forward-btn
skip-forward-btn
 Ícone skip-forward-btn-fill
skip-forward-btn-fill
 Ícone skip-forward-circle-fill
skip-forward-circle-fill
 Ícone skip-forward-fill
skip-forward-fill
 Ícone skip-start
skip-start
 Ícone skip-start-btn
skip-start-btn
 Ícone skip-start-btn-fill
skip-start-btn-fill
 Ícone skip-start-circle
skip-start-circle
 Ícone skip-start-circle-fill
skip-start-circle-fill
 Ícone skip-start-fill
skip-start-fill

O ícone Skip Forward Circle em outras coleções

Ícone Skip Forward Circle de Phosphor
Phosphor
 Ícone Skip Forward Circle de IconOven
IconOven
 Ícone Skip Forward Circle de Unicons
Unicons

Perguntas frequentes sobre Ícone Skip Forward Circle

O ícone Skip Forward Circle é grátis para uso comercial?

Sim. Bootstrap Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Skip Forward Circle no React?

Instale @iconify/react e renderize <Icon icon="bi:skip-forward-circle" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Skip Forward Circle a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/bi/skip-forward-circle.svg" alt="Ícone Skip Forward Circle">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Bootstrap Icons →