Ícone Round Transfer Vertical Bold

solar:round-transfer-vertical-bold

O ícone Round Transfer Vertical Bold (solar:round-transfer-vertical-bold) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Setas
Tags: roundtransfer, transfervertical, verticalbold, roundtransferverticalbold

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM14.75 17L14.75 9L16.4349 10.9307C16.7073 11.2427 17.1811 11.2749 17.4931 11.0026C17.8052 10.7302 17.8374 10.2564 17.5651 9.94435L14.5651 6.50685C14.3595 6.2713 14.0294 6.18798 13.7367 6.29775C13.4439 6.40753 13.25 6.68737 13.25 7L13.25 17C13.25 17.4142 13.5858 17.75 14 17.75C14.4142 17.75 14.75 17.4142 14.75 17ZM6.50685 12.9974C6.81893 12.7251 7.29271 12.7573 7.56507 13.0693L9.25 15V7C9.25 6.58579 9.58579 6.25 10 6.25C10.4142 6.25 10.75 6.58579 10.75 7V17C10.75 17.3126 10.5561 17.5925 10.2633 17.7022C9.97061 17.812 9.6405 17.7287 9.43493 17.4932L6.43493 14.0557C6.16257 13.7436 6.19477 13.2698 6.50685 12.9974Z" clip-rule="evenodd"/></svg>

Como usar o ícone Round Transfer Vertical Bold

React

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

<Icon icon="solar:round-transfer-vertical-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:round-transfer-vertical-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:round-transfer-vertical-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--round-transfer-vertical-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:round-transfer-vertical-bold"></div>

Web component

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

<iconify-icon icon="solar:round-transfer-vertical-bold"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/round-transfer-vertical-bold.svg" alt="Ícone Round Transfer Vertical Bold" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Round Transfer Vertical Bold

O ícone Round Transfer Vertical Bold é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Round Transfer Vertical Bold no React?

Instale @iconify/react e renderize <Icon icon="solar:round-transfer-vertical-bold" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Round Transfer Vertical Bold a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/round-transfer-vertical-bold.svg" alt="Ícone Round Transfer Vertical Bold">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →