Ícone Pagseguro

thesvg:pagseguro

O ícone Pagseguro (thesvg:pagseguro) é um ícone SVG gratuito da coleção theSVG de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG 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
Autor: thesvg.org
Licença: MIT
Tamanho: 24 × 24

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" d="M17.482 9.712c1.64 0 3.108.69 4.1 1.813c.044-.388.087-.777.087-1.208C21.67 5.007 17.353.69 12 .69s-9.67 4.316-9.67 9.626c0 .345 0 .69.044 1.036a8.69 8.69 0 0 1 7.943-5.137c2.848 0 5.352 1.381 6.95 3.496h.215zm-7.122-2.72c-4.36 0-7.9 3.54-7.9 7.9a7.904 7.904 0 0 0 13.425 5.655a5.53 5.53 0 0 1-3.928-5.31c0-2.676 1.9-4.92 4.446-5.438c-1.468-1.684-3.626-2.806-6.043-2.806zM4.79 21.583A11.96 11.96 0 0 1 0 12C0 5.353 5.396 0 12 0s12 5.396 12 12s-5.396 12-12 12c-1.554 0-3.022-.302-4.36-.82c-1.079-.389-2.028-.907-2.849-1.597zm12.777-1.51a4.827 4.827 0 0 0 4.835-4.835a4.827 4.827 0 0 0-4.835-4.834a4.827 4.827 0 0 0-4.834 4.834a4.827 4.827 0 0 0 4.834 4.835"/></svg>

Como usar o ícone Pagseguro

React

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

<Icon icon="thesvg:pagseguro" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:pagseguro" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:pagseguro" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg:pagseguro"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg/pagseguro.svg" alt="Ícone Pagseguro" width="24" height="24">

O ícone Pagseguro em outras coleções

Perguntas frequentes sobre Ícone Pagseguro

O ícone Pagseguro é grátis para uso comercial?

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

Como uso o ícone Pagseguro no React?

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

Como adiciono o ícone Pagseguro a uma página web?

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

Ver todos os Ícones theSVG →