visa logo
visa from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- visa
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the visa logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M23.26 11.495a6.7 6.7 0 0 0-2.323-.401c-2.557 0-4.364 1.292-4.375 3.141c-.021 1.359 1.281 2.125 2.265 2.583c1.011.469 1.349.761 1.344 1.177c-.005.641-.808.927-1.547.927c-1.027 0-1.584-.14-2.443-.5l-.319-.151l-.364 2.136c.625.255 1.745.479 2.901.5c2.724 0 4.5-1.281 4.52-3.256c.021-1.083-.676-1.905-2.161-2.583c-.896-.437-1.457-.735-1.457-1.183c0-.396.479-.812 1.479-.812a4.8 4.8 0 0 1 1.937.359l.245.109l.359-2.057zm6.647-.224h-2c-.625 0-1.089.167-1.365.787l-3.844 8.713h2.719l.548-1.427l3.317.005c.083.333.317 1.421.317 1.421H32zm-17.027-.078h2.589l-1.62 9.504H11.26l1.62-9.509zm-6.583 5.234l.265 1.323l2.536-6.479h2.745l-4.084 9.484H5.026l-2.24-8.031a.5.5 0 0 0-.245-.317A11 11 0 0 0 0 11.464l.031-.199h4.177c.563.021 1.021.199 1.177.803l.912 4.364zm20.406.974l1.037-2.661c-.016.025.213-.547.343-.907l.177.817l.6 2.745h-2.157z"/></svg>
React
import type { SVGProps } from "react";
export function CibVisa(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="M23.26 11.495a6.7 6.7 0 0 0-2.323-.401c-2.557 0-4.364 1.292-4.375 3.141c-.021 1.359 1.281 2.125 2.265 2.583c1.011.469 1.349.761 1.344 1.177c-.005.641-.808.927-1.547.927c-1.027 0-1.584-.14-2.443-.5l-.319-.151l-.364 2.136c.625.255 1.745.479 2.901.5c2.724 0 4.5-1.281 4.52-3.256c.021-1.083-.676-1.905-2.161-2.583c-.896-.437-1.457-.735-1.457-1.183c0-.396.479-.812 1.479-.812a4.8 4.8 0 0 1 1.937.359l.245.109l.359-2.057zm6.647-.224h-2c-.625 0-1.089.167-1.365.787l-3.844 8.713h2.719l.548-1.427l3.317.005c.083.333.317 1.421.317 1.421H32zm-17.027-.078h2.589l-1.62 9.504H11.26l1.62-9.509zm-6.583 5.234l.265 1.323l2.536-6.479h2.745l-4.084 9.484H5.026l-2.24-8.031a.5.5 0 0 0-.245-.317A11 11 0 0 0 0 11.464l.031-.199h4.177c.563.021 1.021.199 1.177.803l.912 4.364zm20.406.974l1.037-2.661c-.016.025.213-.547.343-.907l.177.817l.6 2.745h-2.157z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M23.26 11.495a6.7 6.7 0 0 0-2.323-.401c-2.557 0-4.364 1.292-4.375 3.141c-.021 1.359 1.281 2.125 2.265 2.583c1.011.469 1.349.761 1.344 1.177c-.005.641-.808.927-1.547.927c-1.027 0-1.584-.14-2.443-.5l-.319-.151l-.364 2.136c.625.255 1.745.479 2.901.5c2.724 0 4.5-1.281 4.52-3.256c.021-1.083-.676-1.905-2.161-2.583c-.896-.437-1.457-.735-1.457-1.183c0-.396.479-.812 1.479-.812a4.8 4.8 0 0 1 1.937.359l.245.109l.359-2.057zm6.647-.224h-2c-.625 0-1.089.167-1.365.787l-3.844 8.713h2.719l.548-1.427l3.317.005c.083.333.317 1.421.317 1.421H32zm-17.027-.078h2.589l-1.62 9.504H11.26l1.62-9.509zm-6.583 5.234l.265 1.323l2.536-6.479h2.745l-4.084 9.484H5.026l-2.24-8.031a.5.5 0 0 0-.245-.317A11 11 0 0 0 0 11.464l.031-.199h4.177c.563.021 1.021.199 1.177.803l.912 4.364zm20.406.974l1.037-2.661c-.016.025.213-.547.343-.907l.177.817l.6 2.745h-2.157z"/></svg> </template>
CSS
.icon-visa {
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%22M23.26%2011.495a6.7%206.7%200%200%200-2.323-.401c-2.557%200-4.364%201.292-4.375%203.141c-.021%201.359%201.281%202.125%202.265%202.583c1.011.469%201.349.761%201.344%201.177c-.005.641-.808.927-1.547.927c-1.027%200-1.584-.14-2.443-.5l-.319-.151l-.364%202.136c.625.255%201.745.479%202.901.5c2.724%200%204.5-1.281%204.52-3.256c.021-1.083-.676-1.905-2.161-2.583c-.896-.437-1.457-.735-1.457-1.183c0-.396.479-.812%201.479-.812a4.8%204.8%200%200%201%201.937.359l.245.109l.359-2.057zm6.647-.224h-2c-.625%200-1.089.167-1.365.787l-3.844%208.713h2.719l.548-1.427l3.317.005c.083.333.317%201.421.317%201.421H32zm-17.027-.078h2.589l-1.62%209.504H11.26l1.62-9.509zm-6.583%205.234l.265%201.323l2.536-6.479h2.745l-4.084%209.484H5.026l-2.24-8.031a.5.5%200%200%200-.245-.317A11%2011%200%200%200%200%2011.464l.031-.199h4.177c.563.021%201.021.199%201.177.803l.912%204.364zm20.406.974l1.037-2.661c-.016.025.213-.547.343-.907l.177.817l.6%202.745h-2.157z%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%22M23.26%2011.495a6.7%206.7%200%200%200-2.323-.401c-2.557%200-4.364%201.292-4.375%203.141c-.021%201.359%201.281%202.125%202.265%202.583c1.011.469%201.349.761%201.344%201.177c-.005.641-.808.927-1.547.927c-1.027%200-1.584-.14-2.443-.5l-.319-.151l-.364%202.136c.625.255%201.745.479%202.901.5c2.724%200%204.5-1.281%204.52-3.256c.021-1.083-.676-1.905-2.161-2.583c-.896-.437-1.457-.735-1.457-1.183c0-.396.479-.812%201.479-.812a4.8%204.8%200%200%201%201.937.359l.245.109l.359-2.057zm6.647-.224h-2c-.625%200-1.089.167-1.365.787l-3.844%208.713h2.719l.548-1.427l3.317.005c.083.333.317%201.421.317%201.421H32zm-17.027-.078h2.589l-1.62%209.504H11.26l1.62-9.509zm-6.583%205.234l.265%201.323l2.536-6.479h2.745l-4.084%209.484H5.026l-2.24-8.031a.5.5%200%200%200-.245-.317A11%2011%200%200%200%200%2011.464l.031-.199h4.177c.563.021%201.021.199%201.177.803l.912%204.364zm20.406.974l1.037-2.661c-.016.025.213-.547.343-.907l.177.817l.6%202.745h-2.157z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/visa.svg?color=%231a73e8&size=48
