visa square icon
visa-square from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.
- Name
- visa-square
- Set
- Mage Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- Apache 2.0
Use the visa square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.35 10.85l-.7 1.92h1.12c-.15-.66-.29-1.29-.42-1.92m0 0l-.7 1.92h1.12c-.15-.66-.29-1.29-.42-1.92M19 4H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3M7.51 14.64H6.35c-.1 0-.14 0-.16-.13c-.38-1.44-.75-2.89-1.13-4.33a.24.24 0 0 0-.13-.18a6 6 0 0 0-1.21-.51l-.11-.08a1 1 0 0 1 .13 0h2a.61.61 0 0 1 .69.58L7 12.87v.07l.05-.12l1.2-3.33a.15.15 0 0 1 .17-.12h1.34c0 .05 0 .09-.05.13l-2.07 5a.18.18 0 0 1-.13.14m2 0c.28-1.76.57-3.51.85-5.25h1.37a505 505 0 0 0-.85 5.25zm5.49-.49c-.4.31-.877.5-1.38.55a4 4 0 0 1-1.92-.27c.07-.39.14-.78.2-1.17l.15.08a2.48 2.48 0 0 0 1.65.22c.22-.05.42-.14.46-.39a.49.49 0 0 0-.3-.5c-.2-.13-.41-.22-.61-.35a3.5 3.5 0 0 1-.67-.51a1.36 1.36 0 0 1 0-1.76c.3-.335.7-.566 1.14-.66a3.26 3.26 0 0 1 2 .1h.06c-.07.37-.13.74-.19 1.08a8 8 0 0 0-.78-.18a4 4 0 0 0-.78 0a.5.5 0 0 0-.25.13a.3.3 0 0 0 0 .46q.18.163.39.28c.26.16.53.3.78.47a1.43 1.43 0 0 1 .05 2.42m4.11.48c0-.23-.09-.45-.13-.67s-.05-.11-.13-.11h-1.52a.13.13 0 0 0-.14.1c-.07.2-.14.4-.22.6a.14.14 0 0 1-.1.08h-1.35l.05-.12l2-4.74a.57.57 0 0 1 .52-.39h1.21c.37 1.75.73 3.5 1.1 5.25zm-.8-3.79l-.7 1.92h1.12c-.13-.65-.27-1.28-.4-1.91z"/></svg>
React
import type { SVGProps } from "react";
export function MageVisaSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.35 10.85l-.7 1.92h1.12c-.15-.66-.29-1.29-.42-1.92m0 0l-.7 1.92h1.12c-.15-.66-.29-1.29-.42-1.92M19 4H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3M7.51 14.64H6.35c-.1 0-.14 0-.16-.13c-.38-1.44-.75-2.89-1.13-4.33a.24.24 0 0 0-.13-.18a6 6 0 0 0-1.21-.51l-.11-.08a1 1 0 0 1 .13 0h2a.61.61 0 0 1 .69.58L7 12.87v.07l.05-.12l1.2-3.33a.15.15 0 0 1 .17-.12h1.34c0 .05 0 .09-.05.13l-2.07 5a.18.18 0 0 1-.13.14m2 0c.28-1.76.57-3.51.85-5.25h1.37a505 505 0 0 0-.85 5.25zm5.49-.49c-.4.31-.877.5-1.38.55a4 4 0 0 1-1.92-.27c.07-.39.14-.78.2-1.17l.15.08a2.48 2.48 0 0 0 1.65.22c.22-.05.42-.14.46-.39a.49.49 0 0 0-.3-.5c-.2-.13-.41-.22-.61-.35a3.5 3.5 0 0 1-.67-.51a1.36 1.36 0 0 1 0-1.76c.3-.335.7-.566 1.14-.66a3.26 3.26 0 0 1 2 .1h.06c-.07.37-.13.74-.19 1.08a8 8 0 0 0-.78-.18a4 4 0 0 0-.78 0a.5.5 0 0 0-.25.13a.3.3 0 0 0 0 .46q.18.163.39.28c.26.16.53.3.78.47a1.43 1.43 0 0 1 .05 2.42m4.11.48c0-.23-.09-.45-.13-.67s-.05-.11-.13-.11h-1.52a.13.13 0 0 0-.14.1c-.07.2-.14.4-.22.6a.14.14 0 0 1-.1.08h-1.35l.05-.12l2-4.74a.57.57 0 0 1 .52-.39h1.21c.37 1.75.73 3.5 1.1 5.25zm-.8-3.79l-.7 1.92h1.12c-.13-.65-.27-1.28-.4-1.91z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.35 10.85l-.7 1.92h1.12c-.15-.66-.29-1.29-.42-1.92m0 0l-.7 1.92h1.12c-.15-.66-.29-1.29-.42-1.92M19 4H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3M7.51 14.64H6.35c-.1 0-.14 0-.16-.13c-.38-1.44-.75-2.89-1.13-4.33a.24.24 0 0 0-.13-.18a6 6 0 0 0-1.21-.51l-.11-.08a1 1 0 0 1 .13 0h2a.61.61 0 0 1 .69.58L7 12.87v.07l.05-.12l1.2-3.33a.15.15 0 0 1 .17-.12h1.34c0 .05 0 .09-.05.13l-2.07 5a.18.18 0 0 1-.13.14m2 0c.28-1.76.57-3.51.85-5.25h1.37a505 505 0 0 0-.85 5.25zm5.49-.49c-.4.31-.877.5-1.38.55a4 4 0 0 1-1.92-.27c.07-.39.14-.78.2-1.17l.15.08a2.48 2.48 0 0 0 1.65.22c.22-.05.42-.14.46-.39a.49.49 0 0 0-.3-.5c-.2-.13-.41-.22-.61-.35a3.5 3.5 0 0 1-.67-.51a1.36 1.36 0 0 1 0-1.76c.3-.335.7-.566 1.14-.66a3.26 3.26 0 0 1 2 .1h.06c-.07.37-.13.74-.19 1.08a8 8 0 0 0-.78-.18a4 4 0 0 0-.78 0a.5.5 0 0 0-.25.13a.3.3 0 0 0 0 .46q.18.163.39.28c.26.16.53.3.78.47a1.43 1.43 0 0 1 .05 2.42m4.11.48c0-.23-.09-.45-.13-.67s-.05-.11-.13-.11h-1.52a.13.13 0 0 0-.14.1c-.07.2-.14.4-.22.6a.14.14 0 0 1-.1.08h-1.35l.05-.12l2-4.74a.57.57 0 0 1 .52-.39h1.21c.37 1.75.73 3.5 1.1 5.25zm-.8-3.79l-.7 1.92h1.12c-.13-.65-.27-1.28-.4-1.91z"/></svg> </template>
CSS
.icon-visa-square {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.35%2010.85l-.7%201.92h1.12c-.15-.66-.29-1.29-.42-1.92m0%200l-.7%201.92h1.12c-.15-.66-.29-1.29-.42-1.92M19%204H5a3%203%200%200%200-3%203v10a3%203%200%200%200%203%203h14a3%203%200%200%200%203-3V7a3%203%200%200%200-3-3M7.51%2014.64H6.35c-.1%200-.14%200-.16-.13c-.38-1.44-.75-2.89-1.13-4.33a.24.24%200%200%200-.13-.18a6%206%200%200%200-1.21-.51l-.11-.08a1%201%200%200%201%20.13%200h2a.61.61%200%200%201%20.69.58L7%2012.87v.07l.05-.12l1.2-3.33a.15.15%200%200%201%20.17-.12h1.34c0%20.05%200%20.09-.05.13l-2.07%205a.18.18%200%200%201-.13.14m2%200c.28-1.76.57-3.51.85-5.25h1.37a505%20505%200%200%200-.85%205.25zm5.49-.49c-.4.31-.877.5-1.38.55a4%204%200%200%201-1.92-.27c.07-.39.14-.78.2-1.17l.15.08a2.48%202.48%200%200%200%201.65.22c.22-.05.42-.14.46-.39a.49.49%200%200%200-.3-.5c-.2-.13-.41-.22-.61-.35a3.5%203.5%200%200%201-.67-.51a1.36%201.36%200%200%201%200-1.76c.3-.335.7-.566%201.14-.66a3.26%203.26%200%200%201%202%20.1h.06c-.07.37-.13.74-.19%201.08a8%208%200%200%200-.78-.18a4%204%200%200%200-.78%200a.5.5%200%200%200-.25.13a.3.3%200%200%200%200%20.46q.18.163.39.28c.26.16.53.3.78.47a1.43%201.43%200%200%201%20.05%202.42m4.11.48c0-.23-.09-.45-.13-.67s-.05-.11-.13-.11h-1.52a.13.13%200%200%200-.14.1c-.07.2-.14.4-.22.6a.14.14%200%200%201-.1.08h-1.35l.05-.12l2-4.74a.57.57%200%200%201%20.52-.39h1.21c.37%201.75.73%203.5%201.1%205.25zm-.8-3.79l-.7%201.92h1.12c-.13-.65-.27-1.28-.4-1.91z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.35%2010.85l-.7%201.92h1.12c-.15-.66-.29-1.29-.42-1.92m0%200l-.7%201.92h1.12c-.15-.66-.29-1.29-.42-1.92M19%204H5a3%203%200%200%200-3%203v10a3%203%200%200%200%203%203h14a3%203%200%200%200%203-3V7a3%203%200%200%200-3-3M7.51%2014.64H6.35c-.1%200-.14%200-.16-.13c-.38-1.44-.75-2.89-1.13-4.33a.24.24%200%200%200-.13-.18a6%206%200%200%200-1.21-.51l-.11-.08a1%201%200%200%201%20.13%200h2a.61.61%200%200%201%20.69.58L7%2012.87v.07l.05-.12l1.2-3.33a.15.15%200%200%201%20.17-.12h1.34c0%20.05%200%20.09-.05.13l-2.07%205a.18.18%200%200%201-.13.14m2%200c.28-1.76.57-3.51.85-5.25h1.37a505%20505%200%200%200-.85%205.25zm5.49-.49c-.4.31-.877.5-1.38.55a4%204%200%200%201-1.92-.27c.07-.39.14-.78.2-1.17l.15.08a2.48%202.48%200%200%200%201.65.22c.22-.05.42-.14.46-.39a.49.49%200%200%200-.3-.5c-.2-.13-.41-.22-.61-.35a3.5%203.5%200%200%201-.67-.51a1.36%201.36%200%200%201%200-1.76c.3-.335.7-.566%201.14-.66a3.26%203.26%200%200%201%202%20.1h.06c-.07.37-.13.74-.19%201.08a8%208%200%200%200-.78-.18a4%204%200%200%200-.78%200a.5.5%200%200%200-.25.13a.3.3%200%200%200%200%20.46q.18.163.39.28c.26.16.53.3.78.47a1.43%201.43%200%200%201%20.05%202.42m4.11.48c0-.23-.09-.45-.13-.67s-.05-.11-.13-.11h-1.52a.13.13%200%200%200-.14.1c-.07.2-.14.4-.22.6a.14.14%200%200%201-.1.08h-1.35l.05-.12l2-4.74a.57.57%200%200%201%20.52-.39h1.21c.37%201.75.73%203.5%201.1%205.25zm-.8-3.79l-.7%201.92h1.12c-.13-.65-.27-1.28-.4-1.91z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/visa-square.svg?color=%231a73e8&size=48
