vivawallet logo
vivawallet from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- vivawallet
- Set
- Simple Icons
- Style
- Brand
- Viewbox
- 24×24
- License
- CC0 1.0
Use the vivawallet logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.275 17.428c.376.777.949 1.223 1.572 1.228h.01c.619 0 1.191-.435 1.575-1.194l.504-1.08l-4.9-10.387l-3.388 1.58zm6.367.033c.382.76.957 1.195 1.575 1.195h.006c.625-.004 1.2-.45 1.574-1.226l4.567-9.852l-3.389-1.581l-4.844 10.381zm-1.605 1.206c-.74 1.245-1.905 1.977-3.18 1.977h-.022c-1.391-.01-2.643-.89-3.353-2.355Q2.743 12.452 0 6.617l6.99-3.259l5.039 10.683l4.985-10.685L24 6.613L18.592 18.29c-.709 1.465-1.962 2.345-3.353 2.355h-.022c-1.275 0-2.442-.732-3.18-1.977Z"/></svg>
React
import type { SVGProps } from "react";
export function SimpleIconsVivawallet(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="M7.275 17.428c.376.777.949 1.223 1.572 1.228h.01c.619 0 1.191-.435 1.575-1.194l.504-1.08l-4.9-10.387l-3.388 1.58zm6.367.033c.382.76.957 1.195 1.575 1.195h.006c.625-.004 1.2-.45 1.574-1.226l4.567-9.852l-3.389-1.581l-4.844 10.381zm-1.605 1.206c-.74 1.245-1.905 1.977-3.18 1.977h-.022c-1.391-.01-2.643-.89-3.353-2.355Q2.743 12.452 0 6.617l6.99-3.259l5.039 10.683l4.985-10.685L24 6.613L18.592 18.29c-.709 1.465-1.962 2.345-3.353 2.355h-.022c-1.275 0-2.442-.732-3.18-1.977Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.275 17.428c.376.777.949 1.223 1.572 1.228h.01c.619 0 1.191-.435 1.575-1.194l.504-1.08l-4.9-10.387l-3.388 1.58zm6.367.033c.382.76.957 1.195 1.575 1.195h.006c.625-.004 1.2-.45 1.574-1.226l4.567-9.852l-3.389-1.581l-4.844 10.381zm-1.605 1.206c-.74 1.245-1.905 1.977-3.18 1.977h-.022c-1.391-.01-2.643-.89-3.353-2.355Q2.743 12.452 0 6.617l6.99-3.259l5.039 10.683l4.985-10.685L24 6.613L18.592 18.29c-.709 1.465-1.962 2.345-3.353 2.355h-.022c-1.275 0-2.442-.732-3.18-1.977Z"/></svg> </template>
CSS
.icon-vivawallet {
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%22M7.275%2017.428c.376.777.949%201.223%201.572%201.228h.01c.619%200%201.191-.435%201.575-1.194l.504-1.08l-4.9-10.387l-3.388%201.58zm6.367.033c.382.76.957%201.195%201.575%201.195h.006c.625-.004%201.2-.45%201.574-1.226l4.567-9.852l-3.389-1.581l-4.844%2010.381zm-1.605%201.206c-.74%201.245-1.905%201.977-3.18%201.977h-.022c-1.391-.01-2.643-.89-3.353-2.355Q2.743%2012.452%200%206.617l6.99-3.259l5.039%2010.683l4.985-10.685L24%206.613L18.592%2018.29c-.709%201.465-1.962%202.345-3.353%202.355h-.022c-1.275%200-2.442-.732-3.18-1.977Z%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%22M7.275%2017.428c.376.777.949%201.223%201.572%201.228h.01c.619%200%201.191-.435%201.575-1.194l.504-1.08l-4.9-10.387l-3.388%201.58zm6.367.033c.382.76.957%201.195%201.575%201.195h.006c.625-.004%201.2-.45%201.574-1.226l4.567-9.852l-3.389-1.581l-4.844%2010.381zm-1.605%201.206c-.74%201.245-1.905%201.977-3.18%201.977h-.022c-1.391-.01-2.643-.89-3.353-2.355Q2.743%2012.452%200%206.617l6.99-3.259l5.039%2010.683l4.985-10.685L24%206.613L18.592%2018.29c-.709%201.465-1.962%202.345-3.353%202.355h-.022c-1.275%200-2.442-.732-3.18-1.977Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/vivawallet.svg?color=%231a73e8&size=48
