Icono Tpbank
thesvg-color:tpbank
El icono Tpbank (thesvg-color:tpbank) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 1435 × 320. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- theSVG Color
- Autor
- thesvg.org
- Licencia
- MIT
- Tamaño
- 1435 × 320
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1435" height="320" viewBox="0 0 1435 320"><defs><linearGradient id="SVG1mG4IbVQ" gradientUnits="userSpaceOnUse"/><linearGradient id="SVGwiVLQbVY" x2="1" gradientTransform="matrix(332.535 0 0 0 27.818 61.382)" href="#SVG1mG4IbVQ"><stop stop-color="#fbb413" stop-opacity=".78"/><stop offset="1" stop-color="#df5f27"/></linearGradient><linearGradient id="SVGxbTx0cWH" x2="1" gradientTransform="matrix(332.535 0 0 10.385 27.818 61.382)" href="#SVG1mG4IbVQ"><stop stop-color="#fbb413" stop-opacity=".78"/><stop offset="1" stop-color="#df5f27"/></linearGradient><linearGradient id="SVGZauHQery" x2="1" gradientTransform="matrix(282.156 56.51 -21.21 105.9 27.964 .784)" href="#SVG1mG4IbVQ"><stop stop-color="#fbb413"/><stop offset="1" stop-color="#de5d27"/></linearGradient><linearGradient id="SVGxlaozbOQ" x2="1" gradientTransform="rotate(155.018 160.938 112.947)scale(224.059 169.09)" href="#SVG1mG4IbVQ"><stop stop-color="#fbb413"/><stop offset="1" stop-color="#de5d27"/></linearGradient><linearGradient id="SVGcmBrPdTX" x2="1" gradientTransform="rotate(-77.032 176.892 118.954)scale(245.32 198.638)" href="#SVG1mG4IbVQ"><stop stop-color="#fbb413"/><stop offset="1" stop-color="#de5d27"/></linearGradient></defs><path fill="url(#SVGwiVLQbVY)" d="M336.4.8h.2z"/><path fill="url(#SVGxbTx0cWH)" d="M334.8.8c.4-.1.9 0 1.6 0q-1-.1-1.6 0"/><path fill="#5e2e86" fill-rule="evenodd" d="M719.7 51.1c44.9 24.1 40.7 66.7 40.7 66.7s3.9 58.5-57.9 72.8c-27.6 6.4-45.4 4.8-56.6 1.1v87.6H601V55.2s34.9-13.3 71.3-13.8c16.5-.2 33.4 2.2 47.4 9.7m224.8 33.3c14.9 55.8-35.2 71.6-35.2 71.6c35.9 10.7 44.4 41.9 44.4 41.9s15.8 51.6-36.6 73.7c-52.3 22-113.3-4.4-113.4-4.4V52.9c17.1-5.6 40.8-10.6 64.1-10.7c33.9-.3 67 9.6 76.7 42.2m375.4-42.2v143.6l81.7-84.3h32.7l-84.4 87.8l84.1 89.8h-32.8l-81.3-89.2v89.2h-26.1V42.2zm-762.5.2v39.7h-54.3v197.2h-44.9V82.1h-54.7V42.4zm273.1 28.1v76c7.7.8 22 1.2 48.5-.6c49.2-3.5 40.1-48.9 40.1-48.9s0-17.6-24.9-28.9c-6.3-2.9-13.6-4.1-21.1-4.2c-17.2-.4-35 4.3-42.6 6.6M645.9 81.1v75c6.1 1.3 15 2.1 28 1.3c37-2.2 40-31.8 40-31.8s7.5-47.5-40.3-48.1c-11.2-.2-20.3 1.3-27.7 3.6m622.4 73.3v124.7h-26.8V161.6c-.3-1.6 1.5-25.8-24.3-35.6c-25.8-9.7-54.5 6-54.5 6v147.1h-27.1V114.4c29.9-15.5 63.3-14.2 63.3-14.2c73.1.6 69.4 54.2 69.4 54.2m-157 4.1v109c-20.3 9.3-40.4 12-57.3 12c-35.6-.1-45.8-7.3-45.8-7.3s-39.7-20.5-23.9-65.2c15.2-43.2 102.1-39.1 102.1-39.1v-9.7c1-26.8-19.8-33.1-19.8-33.1c-31.2-11.7-68.1 7.2-68.1 7.2l-7.6-18.6c19.6-14.1 58.3-13.2 58.3-13.2c65.6 0 62.1 58 62.1 58m-280.8 10.4v83.9c7.5 1.6 18.6 3.3 35 4.6c44.1 3.5 58-25.2 58-25.2s11.4-18.8-4.4-45.1c-10-16.4-39.2-19.9-63-19.7c-10.6.1-19.4.8-25.6 1.5m186.9 32.7s-24.6 22.7-2.9 45.4c21.8 22.7 71.9 5.4 71.9 5.4v-65.6c-55.1-.3-69 14.8-69 14.8"/><path fill="url(#SVGZauHQery)" d="M334.8.8H28l281.7 121.1L355.8 42c5-10.4 5.2-20.5 2.3-26C350.4 1.2 337.8.7 334.8.8"/><path fill="url(#SVGxlaozbOQ)" d="M334.8.8h-.7h2.5q-1.2-.2-1.8 0m21.8 39.4L111.5 225.8l48.2 83.1s5.6 11 20.9 11c15.4 0 22.2-12.8 22.2-12.8L355.8 42c.3-.6.6-1.2.8-1.8"/><path fill="url(#SVGcmBrPdTX)" d="M125.2 42.6L28 .8S7.9.8 2 17.8c-5.2 14.7 4.2 26.8 4.2 26.8l153.4 264.1z"/></svg>Cómo usar el icono Tpbank
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:tpbank" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:tpbank" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:tpbank" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--tpbank]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:tpbank"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:tpbank"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/tpbank.svg" alt="Icono Tpbank" width="24" height="24">El icono Tpbank en otras colecciones
Preguntas frecuentes sobre Icono Tpbank
¿El icono Tpbank es gratis para uso comercial?
Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Tpbank en React?
Instala @iconify/react y renderiza <Icon icon="thesvg-color:tpbank" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Tpbank a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/tpbank.svg" alt="Icono Tpbank">, o pega el código SVG en línea para darle estilo con CSS.