pagseguro logo

pagseguro from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
pagseguro
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the pagseguro logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function SimpleIconsPagseguro(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-pagseguro {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.482%209.712c1.64%200%203.108.69%204.1%201.813c.044-.388.087-.777.087-1.208C21.67%205.007%2017.353.69%2012%20.69s-9.67%204.316-9.67%209.626c0%20.345%200%20.69.044%201.036a8.69%208.69%200%200%201%207.943-5.137c2.848%200%205.352%201.381%206.95%203.496h.215zm-7.122-2.72c-4.36%200-7.9%203.54-7.9%207.9a7.904%207.904%200%200%200%2013.425%205.655a5.53%205.53%200%200%201-3.928-5.31c0-2.676%201.9-4.92%204.446-5.438c-1.468-1.684-3.626-2.806-6.043-2.806zM4.79%2021.583A11.96%2011.96%200%200%201%200%2012C0%205.353%205.396%200%2012%200s12%205.396%2012%2012s-5.396%2012-12%2012c-1.554%200-3.022-.302-4.36-.82c-1.079-.389-2.028-.907-2.849-1.597zm12.777-1.51a4.827%204.827%200%200%200%204.835-4.835a4.827%204.827%200%200%200-4.835-4.834a4.827%204.827%200%200%200-4.834%204.834a4.827%204.827%200%200%200%204.834%204.835%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.482%209.712c1.64%200%203.108.69%204.1%201.813c.044-.388.087-.777.087-1.208C21.67%205.007%2017.353.69%2012%20.69s-9.67%204.316-9.67%209.626c0%20.345%200%20.69.044%201.036a8.69%208.69%200%200%201%207.943-5.137c2.848%200%205.352%201.381%206.95%203.496h.215zm-7.122-2.72c-4.36%200-7.9%203.54-7.9%207.9a7.904%207.904%200%200%200%2013.425%205.655a5.53%205.53%200%200%201-3.928-5.31c0-2.676%201.9-4.92%204.446-5.438c-1.468-1.684-3.626-2.806-6.043-2.806zM4.79%2021.583A11.96%2011.96%200%200%201%200%2012C0%205.353%205.396%200%2012%200s12%205.396%2012%2012s-5.396%2012-12%2012c-1.554%200-3.022-.302-4.36-.82c-1.079-.389-2.028-.907-2.849-1.597zm12.777-1.51a4.827%204.827%200%200%200%204.835-4.835a4.827%204.827%200%200%200-4.835-4.834a4.827%204.827%200%200%200-4.834%204.834a4.827%204.827%200%200%200%204.834%204.835%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/pagseguro.svg?color=%231a73e8&size=48