visa icon
visa-fill from Remix Icon by Remix Design · Fill · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- visa-fill
- Set
- Remix Icon
- Style
- Fill
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More logos icons from Remix Icon
Use the visa icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1 4h22v2H1zm0 14h22v2H1zm18.622-3.086l-.174-.87h-1.949l-.31.863l-1.562.004q1.507-3.61 2.236-5.35q.189-.455.685-.454q.381.003 1.245 0L21 14.912zm-1.684-2.062h1.256l-.47-2.18zM7.872 9.106l1.57.002l-2.427 5.806l-1.59-.001q-.806-3.106-1.184-4.605c-.077-.307-.23-.521-.526-.622Q3.321 9.55 2.4 9.267v-.16h2.509c.434 0 .687.21.769.64l.62 3.289zm3.727.002l-1.24 5.805l-1.495-.002l1.24-5.805zM14.631 9c.446 0 1.01.138 1.334.267l-.262 1.204c-.293-.118-.775-.277-1.18-.27c-.59.009-.954.256-.954.493c0 .384.632.578 1.284.999c.743.48.84.91.832 1.378c-.011.971-.832 1.929-2.565 1.929c-.791-.012-1.076-.078-1.72-.306l.272-1.256c.656.274.935.361 1.495.361c.515 0 .956-.207.96-.568c.002-.257-.155-.384-.732-.702s-1.386-.756-1.375-1.64C12.033 9.759 13.107 9 14.63 9"/></svg>
React
import type { SVGProps } from "react";
export function RiVisaFill(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="M1 4h22v2H1zm0 14h22v2H1zm18.622-3.086l-.174-.87h-1.949l-.31.863l-1.562.004q1.507-3.61 2.236-5.35q.189-.455.685-.454q.381.003 1.245 0L21 14.912zm-1.684-2.062h1.256l-.47-2.18zM7.872 9.106l1.57.002l-2.427 5.806l-1.59-.001q-.806-3.106-1.184-4.605c-.077-.307-.23-.521-.526-.622Q3.321 9.55 2.4 9.267v-.16h2.509c.434 0 .687.21.769.64l.62 3.289zm3.727.002l-1.24 5.805l-1.495-.002l1.24-5.805zM14.631 9c.446 0 1.01.138 1.334.267l-.262 1.204c-.293-.118-.775-.277-1.18-.27c-.59.009-.954.256-.954.493c0 .384.632.578 1.284.999c.743.48.84.91.832 1.378c-.011.971-.832 1.929-2.565 1.929c-.791-.012-1.076-.078-1.72-.306l.272-1.256c.656.274.935.361 1.495.361c.515 0 .956-.207.96-.568c.002-.257-.155-.384-.732-.702s-1.386-.756-1.375-1.64C12.033 9.759 13.107 9 14.63 9"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M1 4h22v2H1zm0 14h22v2H1zm18.622-3.086l-.174-.87h-1.949l-.31.863l-1.562.004q1.507-3.61 2.236-5.35q.189-.455.685-.454q.381.003 1.245 0L21 14.912zm-1.684-2.062h1.256l-.47-2.18zM7.872 9.106l1.57.002l-2.427 5.806l-1.59-.001q-.806-3.106-1.184-4.605c-.077-.307-.23-.521-.526-.622Q3.321 9.55 2.4 9.267v-.16h2.509c.434 0 .687.21.769.64l.62 3.289zm3.727.002l-1.24 5.805l-1.495-.002l1.24-5.805zM14.631 9c.446 0 1.01.138 1.334.267l-.262 1.204c-.293-.118-.775-.277-1.18-.27c-.59.009-.954.256-.954.493c0 .384.632.578 1.284.999c.743.48.84.91.832 1.378c-.011.971-.832 1.929-2.565 1.929c-.791-.012-1.076-.078-1.72-.306l.272-1.256c.656.274.935.361 1.495.361c.515 0 .956-.207.96-.568c.002-.257-.155-.384-.732-.702s-1.386-.756-1.375-1.64C12.033 9.759 13.107 9 14.63 9"/></svg> </template>
CSS
.icon-visa-fill {
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%22M1%204h22v2H1zm0%2014h22v2H1zm18.622-3.086l-.174-.87h-1.949l-.31.863l-1.562.004q1.507-3.61%202.236-5.35q.189-.455.685-.454q.381.003%201.245%200L21%2014.912zm-1.684-2.062h1.256l-.47-2.18zM7.872%209.106l1.57.002l-2.427%205.806l-1.59-.001q-.806-3.106-1.184-4.605c-.077-.307-.23-.521-.526-.622Q3.321%209.55%202.4%209.267v-.16h2.509c.434%200%20.687.21.769.64l.62%203.289zm3.727.002l-1.24%205.805l-1.495-.002l1.24-5.805zM14.631%209c.446%200%201.01.138%201.334.267l-.262%201.204c-.293-.118-.775-.277-1.18-.27c-.59.009-.954.256-.954.493c0%20.384.632.578%201.284.999c.743.48.84.91.832%201.378c-.011.971-.832%201.929-2.565%201.929c-.791-.012-1.076-.078-1.72-.306l.272-1.256c.656.274.935.361%201.495.361c.515%200%20.956-.207.96-.568c.002-.257-.155-.384-.732-.702s-1.386-.756-1.375-1.64C12.033%209.759%2013.107%209%2014.63%209%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%22M1%204h22v2H1zm0%2014h22v2H1zm18.622-3.086l-.174-.87h-1.949l-.31.863l-1.562.004q1.507-3.61%202.236-5.35q.189-.455.685-.454q.381.003%201.245%200L21%2014.912zm-1.684-2.062h1.256l-.47-2.18zM7.872%209.106l1.57.002l-2.427%205.806l-1.59-.001q-.806-3.106-1.184-4.605c-.077-.307-.23-.521-.526-.622Q3.321%209.55%202.4%209.267v-.16h2.509c.434%200%20.687.21.769.64l.62%203.289zm3.727.002l-1.24%205.805l-1.495-.002l1.24-5.805zM14.631%209c.446%200%201.01.138%201.334.267l-.262%201.204c-.293-.118-.775-.277-1.18-.27c-.59.009-.954.256-.954.493c0%20.384.632.578%201.284.999c.743.48.84.91.832%201.378c-.011.971-.832%201.929-2.565%201.929c-.791-.012-1.076-.078-1.72-.306l.272-1.256c.656.274.935.361%201.495.361c.515%200%20.956-.207.96-.568c.002-.257-.155-.384-.732-.702s-1.386-.756-1.375-1.64C12.033%209.759%2013.107%209%2014.63%209%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/visa-fill.svg?color=%231a73e8&size=48
