bancontact logo

bancontact from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name
bancontact
Set
CoreUI Brands
Style
Brand
Viewbox
32×32
License
CC0 1.0

Use the bancontact logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.516 13.027h-9.433l-5.723 6.692H2.079l3.041-3.583H1.495c-.823 0-1.495.687-1.495 1.531v3.24c0 .843.672 1.531 1.495 1.531H18.74c.823 0 1.948-.511 2.5-1.14l2.609-2.964l4.624-5.26zm-1.5 1.702l-1 1.14zm3.489-5.166H13.306c-.823 0-1.947.511-2.5 1.135l-7.317 8.281h9.396l5.823-6.692h11.229l-3.016 3.583h3.584c.823 0 1.495-.692 1.495-1.536v-3.235c0-.844-.672-1.536-1.495-1.536m-2.494 4.03l-.5.568l-.131.156z"/></svg>

React

import type { SVGProps } from "react";

export function CibBancontact(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.516 13.027h-9.433l-5.723 6.692H2.079l3.041-3.583H1.495c-.823 0-1.495.687-1.495 1.531v3.24c0 .843.672 1.531 1.495 1.531H18.74c.823 0 1.948-.511 2.5-1.14l2.609-2.964l4.624-5.26zm-1.5 1.702l-1 1.14zm3.489-5.166H13.306c-.823 0-1.947.511-2.5 1.135l-7.317 8.281h9.396l5.823-6.692h11.229l-3.016 3.583h3.584c.823 0 1.495-.692 1.495-1.536v-3.235c0-.844-.672-1.536-1.495-1.536m-2.494 4.03l-.5.568l-.131.156z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28.516 13.027h-9.433l-5.723 6.692H2.079l3.041-3.583H1.495c-.823 0-1.495.687-1.495 1.531v3.24c0 .843.672 1.531 1.495 1.531H18.74c.823 0 1.948-.511 2.5-1.14l2.609-2.964l4.624-5.26zm-1.5 1.702l-1 1.14zm3.489-5.166H13.306c-.823 0-1.947.511-2.5 1.135l-7.317 8.281h9.396l5.823-6.692h11.229l-3.016 3.583h3.584c.823 0 1.495-.692 1.495-1.536v-3.235c0-.844-.672-1.536-1.495-1.536m-2.494 4.03l-.5.568l-.131.156z"/></svg>
</template>

CSS

.icon-bancontact {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.516%2013.027h-9.433l-5.723%206.692H2.079l3.041-3.583H1.495c-.823%200-1.495.687-1.495%201.531v3.24c0%20.843.672%201.531%201.495%201.531H18.74c.823%200%201.948-.511%202.5-1.14l2.609-2.964l4.624-5.26zm-1.5%201.702l-1%201.14zm3.489-5.166H13.306c-.823%200-1.947.511-2.5%201.135l-7.317%208.281h9.396l5.823-6.692h11.229l-3.016%203.583h3.584c.823%200%201.495-.692%201.495-1.536v-3.235c0-.844-.672-1.536-1.495-1.536m-2.494%204.03l-.5.568l-.131.156z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.516%2013.027h-9.433l-5.723%206.692H2.079l3.041-3.583H1.495c-.823%200-1.495.687-1.495%201.531v3.24c0%20.843.672%201.531%201.495%201.531H18.74c.823%200%201.948-.511%202.5-1.14l2.609-2.964l4.624-5.26zm-1.5%201.702l-1%201.14zm3.489-5.166H13.306c-.823%200-1.947.511-2.5%201.135l-7.317%208.281h9.396l5.823-6.692h11.229l-3.016%203.583h3.584c.823%200%201.495-.692%201.495-1.536v-3.235c0-.844-.672-1.536-1.495-1.536m-2.494%204.03l-.5.568l-.131.156z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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