Ícone Kakao Bank
thesvg-color:kakao-bank
O ícone Kakao Bank (thesvg-color:kakao-bank) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 167 × 37. 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
- 167 × 37
- Tags
- kakaobank
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="167" height="37" viewBox="0 0 167 37"><path fill="#ffe300" d="M33.289 36.738H3.449a3.45 3.45 0 0 1-3.45-3.45V3.449A3.45 3.45 0 0 1 3.45 0h29.84a3.45 3.45 0 0 1 3.45 3.449v29.84a3.45 3.45 0 0 1-3.45 3.449"/><path fill="#1c1c1c" d="M19.547 23.421h-1.903V13.317h1.903zm4.975-5.052A6.046 6.046 0 0 0 21.2 7.272H11.064a.35.35 0 0 0-.35.35v21.495a.35.35 0 0 0 .35.351H21.2a6.047 6.047 0 0 0 3.323-11.099m31.362-4.217l1.677 1.244l-4.394 5.488l5.08 6.07l-1.677 1.322l-5.919-7.29zM49.713 27.92h-2.135v-19l2.135-.484zm17.628-3.048v-3.201h-2.388c-2.413 0-3.506.813-3.506 2.54c0 1.397.762 2.185 2.135 2.185c1.244 0 2.869-.66 3.76-1.524m-2.669-4.7h2.668V19.08c0-2.108-.94-2.948-2.719-2.948c-1.244 0-2.642.382-3.733.89l-.635-1.499c1.346-.762 2.972-1.22 4.42-1.22c3.176 0 4.725 1.526 4.725 4.88v8.737h-1.576l-.253-1.473c-1.322 1.067-3.024 1.676-4.37 1.676c-2.362 0-3.784-1.422-3.784-3.81c0-2.718 1.829-4.14 5.257-4.14m16.841-6.021l1.676 1.244l-4.395 5.488l5.08 6.07l-1.675 1.322l-5.919-7.29zM75.34 27.92h-2.133v-19l2.133-.484zm17.628-3.048v-3.201h-2.387c-2.413 0-3.505.813-3.505 2.54c0 1.397.762 2.185 2.133 2.185c1.244 0 2.87-.66 3.759-1.524m-2.666-4.7h2.666V19.08c0-2.108-.938-2.948-2.717-2.948c-1.245 0-2.642.382-3.734.89l-.636-1.499c1.347-.762 2.972-1.22 4.42-1.22c3.175 0 4.726 1.526 4.726 4.88v8.737h-1.575l-.255-1.473c-1.32 1.067-3.022 1.676-4.369 1.676c-2.363 0-3.785-1.422-3.785-3.81c0-2.718 1.83-4.14 5.258-4.14m9.979 1.092c0 3.379 1.371 5.157 3.733 5.157s3.735-1.778 3.735-5.157s-1.373-5.208-3.735-5.208s-3.733 1.83-3.733 5.208m9.678 0c0 4.446-2.21 6.91-5.945 6.91c-3.708 0-5.943-2.464-5.943-6.91c0-4.47 2.261-6.96 5.943-6.96c3.71 0 5.945 2.49 5.945 6.96m6.582-4.089v8.483c.533.077.889.077 1.218.077c2.135 0 3.659-1.346 3.659-4.776c0-2.59-.635-4.09-3.048-4.09a6.1 6.1 0 0 0-1.829.306m-3.404 10.338V8.97l3.404-.61v6.63a5.8 5.8 0 0 1 3.048-.863c3.607 0 5.284 2.465 5.284 6.757c0 4.649-2.54 7.417-6.757 7.417c-1.957 0-4.039-.38-4.979-.787m21.054-2.946v-2.617h-1.829c-1.828 0-2.794.737-2.794 2.082c0 .966.56 1.602 1.675 1.602c1.169 0 2.338-.534 2.948-1.067m-2.135-4.801h2.135v-.458c0-1.473-.458-2.31-2.464-2.31a7.5 7.5 0 0 0-3.608.888l-.94-2.337c1.296-.889 3.202-1.423 4.954-1.423c3.43 0 5.233 1.677 5.233 5.156v8.638h-2.388l-.38-1.143c-1.372 1.065-2.846 1.498-4.04 1.498c-2.616 0-4.063-1.55-4.063-4.217c0-2.82 1.929-4.292 5.561-4.292m8.355-5.233h2.413l.508 1.345c1.194-1.067 2.846-1.751 4.268-1.751c2.997 0 4.495 1.853 4.495 5.206v8.586h-3.402v-8.688c0-1.498-.56-2.133-2.363-2.133c-.711 0-1.727.204-2.515.508V27.92h-3.404zm21.7 6.273l4.623 5.538l-2.566 2.033l-5.612-6.885v6.427h-3.404V8.97l3.404-.61v12.32l5.13-6.96l2.54 1.779z"/></svg>Como usar o ícone Kakao Bank
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:kakao-bank" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:kakao-bank" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:kakao-bank" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kakao-bank]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kakao-bank"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:kakao-bank"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/kakao-bank.svg" alt="Ícone Kakao Bank" width="24" height="24">Ícones relacionados em theSVG Color
O ícone Kakao Bank em outras coleções
Perguntas frequentes sobre Ícone Kakao Bank
O ícone Kakao Bank é 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 Kakao Bank no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:kakao-bank" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Kakao Bank a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/kakao-bank.svg" alt="Ícone Kakao Bank">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.