Ícone Line Pay

thesvg-color:line-pay

O ícone Line Pay (thesvg-color:line-pay) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 522 × 152. 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: 522 × 152
Tags: linepay

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="522" height="152" viewBox="0 0 522 152"><defs><clipPath id="SVGX17ocb2Y"><path d="M-561.664 251.862h800v-1800h-800z"/></clipPath><clipPath id="SVGFNS5deey"><path d="M-512.704 269.733h800v-1800h-800z"/></clipPath><clipPath id="SVGeDpUecPa"><path d="M-467.142 253.895h800v-1800h-800z"/></clipPath><clipPath id="SVGEclc7dJL"><path d="M-588.991 323.551h800v-1800h-800z"/></clipPath><clipPath id="SVGyZK6o2vw"><path d="M-332.801 234.155h800v-1800h-800z"/></clipPath><clipPath id="SVGtFzTQbJX"><path d="M-386.035 248.986h800v-1800h-800z"/></clipPath><clipPath id="SVGMtSbieRw"><path d="M-244.344 283.945h800v-1800h-800z"/></clipPath><clipPath id="SVGIthq5btX"><path d="M-267.385 234.155h800v-1800h-800z"/></clipPath></defs><g clip-path="url(#SVGIthq5btX)" transform="matrix(1.33333 0 0 -1.33333 84.752 33.054)"><path d="M0 0h-9.534a2.65 2.65 0 0 1-2.649-2.648v-59.325a2.65 2.65 0 0 1 2.649-2.649H0a2.65 2.65 0 0 1 2.648 2.649v59.325A2.65 2.65 0 0 1 0 0"/></g><g clip-path="url(#SVGMtSbieRw)" transform="matrix(1.33333 0 0 -1.33333 54.03 99.44)"><path d="M0 0h-25.69v47.142a2.65 2.65 0 0 1-2.648 2.648h-9.535a2.65 2.65 0 0 1-2.648-2.648v-59.325a2.65 2.65 0 0 1 2.648-2.649H0a2.65 2.65 0 0 1 2.648 2.649v9.535A2.65 2.65 0 0 1 0 0"/></g><g clip-path="url(#SVGtFzTQbJX)" transform="matrix(1.33333 0 0 -1.33333 242.951 52.829)"><path d="M0 0a2.65 2.65 0 0 1 2.648 2.648v9.535A2.65 2.65 0 0 1 0 14.831h-37.873a2.65 2.65 0 0 1-2.648-2.648v-59.325a2.65 2.65 0 0 1 2.648-2.649H0a2.65 2.65 0 0 1 2.648 2.649v9.535A2.65 2.65 0 0 1 0-34.959h-25.69v10.064H0a2.65 2.65 0 0 1 2.648 2.648v9.535A2.65 2.65 0 0 1 0-10.064h-25.69V0z"/></g><g clip-path="url(#SVGyZK6o2vw)" transform="matrix(1.33333 0 0 -1.33333 171.973 33.054)"><path d="M0 0h-9.534a2.65 2.65 0 0 1-2.649-2.648v-34.327L-37.134-1.3C-37.841-.288-38.896 0-40.067 0c-.148.025-.299 0-.454 0h-9.534a2.65 2.65 0 0 1-2.648-2.648v-59.325a2.65 2.65 0 0 1 2.648-2.649h9.534a2.65 2.65 0 0 1 2.649 2.649v35.852l26.014-37.195q.141-.2.305-.369a2.66 2.66 0 0 1 1.832-.937H0a2.65 2.65 0 0 1 2.648 2.649v59.325A2.65 2.65 0 0 1 0 0"/></g><g clip-path="url(#SVGEclc7dJL)" transform="matrix(1.33333 0 0 -1.33333 513.559 152.249)"><path fill="#08bf5b" d="M0 0h-168.792a6.62 6.62 0 0 0-6.62 6.62v100.944a6.62 6.62 0 0 0 6.62 6.619H0a6.62 6.62 0 0 0 6.62-6.619V6.62A6.62 6.62 0 0 0 0 0"/></g><g clip-path="url(#SVGeDpUecPa)" transform="matrix(1.33333 0 0 -1.33333 351.094 59.374)"><path fill="#fff" d="M0 0c0 3.847-2.715 6.788-6.411 6.788h-7.919V-6.788h7.919C-2.715-6.788 0-3.847 0 0m12.067 0c0-10.031-8.07-18.101-18.478-18.101h-7.919v-14.816c0-.981-.795-1.776-1.776-1.776h-8.514c-.982 0-1.777.795-1.777 1.776v49.241c0 .982.795 1.777 1.777 1.777h18.209c10.408 0 18.478-8.07 18.478-18.101"/></g><g clip-path="url(#SVGFNS5deey)" transform="matrix(1.33333 0 0 -1.33333 411.843 80.493)"><path fill="#fff" d="M0 0c0 5.656-3.771 9.201-8.975 9.201S-17.95 5.656-17.95 0s3.771-9.201 8.975-9.201S0-5.657 0 0m11.313 17.92v-35.84a.934.934 0 0 0-.935-.935H.935A.935.935 0 0 0 0-17.92v2.609c-2.489-2.865-6.185-4.6-11.237-4.6c-9.881 0-18.026 8.673-18.026 19.911s8.145 19.911 18.026 19.911c5.052 0 8.748-1.735 11.237-4.601v2.61c0 .517.419.935.935.935h9.443a.934.934 0 0 0 .935-.935"/></g><g clip-path="url(#SVGX17ocb2Y)" transform="matrix(1.33333 0 0 -1.33333 477.123 56.664)"><path fill="#fff" d="m0 0l-8.682-21.87L-17.659.017a1.56 1.56 0 0 1-1.442.966h-9.628a.935.935 0 0 1-.865-1.29l14.978-36.513l-5.459-13.75a.936.936 0 0 1 .869-1.281h9.633a1.56 1.56 0 0 1 1.448.984L11.95-.296a.935.935 0 0 1-.869 1.279H1.449A1.56 1.56 0 0 1 0 0"/></g></svg>

Como usar o ícone Line Pay

React

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

<Icon icon="thesvg-color:line-pay" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:line-pay" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:line-pay" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="thesvg-color:line-pay"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/line-pay.svg" alt="Ícone Line Pay" width="24" height="24">

Ícones relacionados em theSVG Color

Perguntas frequentes sobre Ícone Line Pay

O ícone Line Pay é 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 Line Pay no React?

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

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

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

Ver todos os Ícones theSVG Color →