Icône Sberbank
thesvg-color:sberbank
L'icône Sberbank (thesvg-color:sberbank) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 302 × 50. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 302 × 50
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="302" height="50" viewBox="0 0 302 50"><defs><linearGradient id="SVG8kkEfced" x1="2.171" x2=".312" y1="13.495" y2="8.081" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".144" stop-color="#f2e913"/><stop offset=".304" stop-color="#e7e518"/><stop offset=".582" stop-color="#cadb26"/><stop offset=".891" stop-color="#a3cd39"/></linearGradient><linearGradient id="SVGS4hRAbIC" x1="2.884" x2="7.603" y1="2.286" y2=".474" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".059" stop-color="#0fa8e0"/><stop offset=".538" stop-color="#0099f9"/><stop offset=".923" stop-color="#0291eb"/></linearGradient><linearGradient id="SVGscfKQcOM" x1="7.424" x2="13.049" y1="14.494" y2="13.213" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".123" stop-color="#a3cd39"/><stop offset=".285" stop-color="#86c339"/><stop offset=".869" stop-color="#21a038"/></linearGradient><linearGradient id="SVGlkLrIc7O" x1="7.561" x2="12.238" y1="1.309" y2="2.764" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".057" stop-color="#0291eb"/><stop offset=".79" stop-color="#0c8acb"/></linearGradient><linearGradient id="SVGmHI9jgev" x1="2.548" x2="7.572" y1="13.727" y2="15.618" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".132" stop-color="#f2e913"/><stop offset=".298" stop-color="#ebe716"/><stop offset=".531" stop-color="#d9e01f"/><stop offset=".802" stop-color="#bbd62d"/><stop offset=".983" stop-color="#a3cd39"/></linearGradient><linearGradient id="SVGMqivxbzF" x1="1.442" x2="3.451" y1="8.327" y2="3.06" gradientTransform="scale(2.93204 2.94118)" gradientUnits="userSpaceOnUse"><stop offset=".07" stop-color="#a3cd39"/><stop offset=".26" stop-color="#81c55f"/><stop offset=".922" stop-color="#0fa8e0"/></linearGradient></defs><path fill="#21a038" d="m135.035 14.434l6.293-4.704h-21.074v28.176h21.074V33.2h-15.055v-7.191h12.868v-4.703h-12.868v-6.871Zm-30.703 6.269h-7.3v-6.27h11.679l6.297-4.703H91.012v28.176h12.543c7.027 0 11.086-3.23 11.086-8.855c0-5.395-3.649-8.348-10.309-8.348M103.328 33.2h-6.297v-7.793h6.297c3.832 0 5.61 1.293 5.61 3.922s-1.915 3.871-5.61 3.871M158.39 9.73h-11.449v28.176h6.02v-7.98h5.476c7.297 0 11.86-3.871 11.86-10.098c0-6.226-4.563-10.098-11.906-10.098m-.136 15.493h-5.336v-10.79h5.336c3.879 0 5.976 1.938 5.976 5.395s-2.097 5.395-5.976 5.395M80.7 31.816a10.75 10.75 0 0 1-5.2 1.34c-5.43 0-9.352-3.922-9.352-9.316s3.922-9.317 9.352-9.317c1.96-.043 3.879.602 5.473 1.754l4.336-3.226l-.274-.278c-2.508-2.261-5.887-3.414-9.719-3.414c-4.148 0-7.937 1.43-10.671 4.012a13.97 13.97 0 0 0-4.2 10.285c-.047 3.918 1.461 7.7 4.2 10.465c2.87 2.723 6.703 4.246 10.628 4.152c4.332 0 8.118-1.523 10.672-4.289l-3.875-2.906ZM242.695 9.777V37.95h6.02V26.422h12.82v11.527h6.024V9.777h-6.024v11.575h-12.82V9.777ZM232.34 37.95h6.34L226.91 9.777h-6.113L208.8 37.95h6.066l2.418-5.672h12.774Zm-13.23-10.375l4.652-11.297l4.379 11.297Zm61.952-1.012h3.739l9.215 11.344h7.754l-12.317-14.574L300.22 9.73h-6.887l-8.941 12.083h-3.329V9.73h-6.023v28.176h6.024ZM188.91 20.75v-6.27h15.738V9.777h-21.761V37.95h12.547c7.023 0 11.086-3.226 11.086-8.851c0-5.395-3.649-8.348-10.313-8.348Zm0 12.496v-7.793h6.297c3.828 0 5.61 1.293 5.61 3.922s-1.872 3.918-5.61 3.918h-6.297ZM41.605 9.547c1.094 1.43 2.008 2.996 2.782 4.656L23.313 29.926L14.46 24.3v-6.73l8.805 5.577Zm0 0"/><path fill="url(#SVG8kkEfced)" d="M5.473 23.84c0-.324 0-.598.047-.922l-5.336-.277c0 .37-.047.785-.047 1.152a23.48 23.48 0 0 0 6.797 16.555l3.785-3.828a17.82 17.82 0 0 1-5.246-12.68m0 0"/><path fill="url(#SVGS4hRAbIC)" d="M23.266 5.855c.32 0 .593 0 .914.047l.273-5.394c-.367 0-.777-.047-1.14-.047c-6.387 0-12.18 2.629-16.38 6.871l3.786 3.828c3.195-3.273 7.664-5.305 12.547-5.305m0 0"/><path fill="url(#SVGscfKQcOM)" d="M23.266 41.824c-.32 0-.594 0-.914-.047l-.274 5.395c.367 0 .777.047 1.14.047c6.387 0 12.184-2.63 16.38-6.871l-3.785-3.828c-3.196 3.32-7.622 5.304-12.547 5.304m0 0"/><path fill="url(#SVGlkLrIc7O)" d="m33.3 8.992l4.516-3.367c-3.968-3.227-9.03-5.21-14.55-5.21v5.394c3.742.046 7.207 1.199 10.035 3.183m0 0"/><path fill="#21a038" d="M46.441 23.84c0-1.43-.136-2.813-.367-4.195l-4.972 3.734v.46a17.96 17.96 0 0 1-5.883 13.329l3.601 4.012c4.657-4.242 7.621-10.47 7.621-17.34m0 0"/><path fill="url(#SVGmHI9jgev)" d="M23.266 41.824c-5.246 0-9.946-2.304-13.184-5.949L6.113 39.52c4.242 4.75 10.356 7.699 17.153 7.699Zm0 0"/><path fill="url(#SVGMqivxbzF)" d="M11.36 10.512L7.753 6.5C3.054 10.79.137 16.969.137 23.84h5.336a18.03 18.03 0 0 1 5.886-13.328m0 0"/></svg>Comment utiliser l'icône Sberbank
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sberbank" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sberbank" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sberbank" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sberbank]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sberbank"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sberbank"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sberbank.svg" alt="Icône Sberbank" width="24" height="24">L'icône Sberbank dans d'autres collections
FAQ : Icône Sberbank
L'icône Sberbank est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Sberbank dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:sberbank" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Sberbank à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/sberbank.svg" alt="Icône Sberbank">, ou collez le code SVG directement dans la page pour le styliser en CSS.