mvi logo
mvi from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- mvi
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the mvi logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVG197d0drG)" d="M16.91 3a1.637 1.637 0 1 0 0 3.274a1.637 1.637 0 0 0 0-3.274M5.334 10.364C5.335 9.616 8.318 9 12 9s6.666.616 6.666 1.364c0 .752-3.339 1.363-6.666 1.363c-3.338 0-6.665-.6-6.665-1.363m-2.062.272s0 2.182 8.727 2.182s8.727-2.182 8.727-2.182c0 2.237-2.061 6.95-3.338 7.757c-.654.414-.845-.317-1.047-1.108c-.191-.741-.398-1.532-1.015-1.494c-.632.043-1.145 1.325-1.658 2.613C13.151 19.702 12.633 21 12 21s-1.146-1.31-1.658-2.607c-.524-1.32-1.037-2.635-1.68-2.597c-.606.044-.818.819-1.004 1.539c-.207.78-.393 1.489-1.058 1.063c-1.26-.807-3.327-5.514-3.327-7.762"/><defs><linearGradient id="SVG197d0drG" x1="17.638" x2="6.18" y1="5.015" y2="18.565" gradientUnits="userSpaceOnUse"><stop stop-color="#3afce7"/><stop offset="1" stop-color="#fc5cdd"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMvi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVG197d0drG)" d="M16.91 3a1.637 1.637 0 1 0 0 3.274a1.637 1.637 0 0 0 0-3.274M5.334 10.364C5.335 9.616 8.318 9 12 9s6.666.616 6.666 1.364c0 .752-3.339 1.363-6.666 1.363c-3.338 0-6.665-.6-6.665-1.363m-2.062.272s0 2.182 8.727 2.182s8.727-2.182 8.727-2.182c0 2.237-2.061 6.95-3.338 7.757c-.654.414-.845-.317-1.047-1.108c-.191-.741-.398-1.532-1.015-1.494c-.632.043-1.145 1.325-1.658 2.613C13.151 19.702 12.633 21 12 21s-1.146-1.31-1.658-2.607c-.524-1.32-1.037-2.635-1.68-2.597c-.606.044-.818.819-1.004 1.539c-.207.78-.393 1.489-1.058 1.063c-1.26-.807-3.327-5.514-3.327-7.762"/><defs><linearGradient id="SVG197d0drG" x1="17.638" x2="6.18" y1="5.015" y2="18.565" gradientUnits="userSpaceOnUse"><stop stopColor="#3afce7"/><stop offset="1" stopColor="#fc5cdd"/></linearGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVG197d0drG)" d="M16.91 3a1.637 1.637 0 1 0 0 3.274a1.637 1.637 0 0 0 0-3.274M5.334 10.364C5.335 9.616 8.318 9 12 9s6.666.616 6.666 1.364c0 .752-3.339 1.363-6.666 1.363c-3.338 0-6.665-.6-6.665-1.363m-2.062.272s0 2.182 8.727 2.182s8.727-2.182 8.727-2.182c0 2.237-2.061 6.95-3.338 7.757c-.654.414-.845-.317-1.047-1.108c-.191-.741-.398-1.532-1.015-1.494c-.632.043-1.145 1.325-1.658 2.613C13.151 19.702 12.633 21 12 21s-1.146-1.31-1.658-2.607c-.524-1.32-1.037-2.635-1.68-2.597c-.606.044-.818.819-1.004 1.539c-.207.78-.393 1.489-1.058 1.063c-1.26-.807-3.327-5.514-3.327-7.762"/><defs><linearGradient id="SVG197d0drG" x1="17.638" x2="6.18" y1="5.015" y2="18.565" gradientUnits="userSpaceOnUse"><stop stop-color="#3afce7"/><stop offset="1" stop-color="#fc5cdd"/></linearGradient></defs></g></svg> </template>
CSS
.icon-mvi {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVG197d0drG)%22%20d%3D%22M16.91%203a1.637%201.637%200%201%200%200%203.274a1.637%201.637%200%200%200%200-3.274M5.334%2010.364C5.335%209.616%208.318%209%2012%209s6.666.616%206.666%201.364c0%20.752-3.339%201.363-6.666%201.363c-3.338%200-6.665-.6-6.665-1.363m-2.062.272s0%202.182%208.727%202.182s8.727-2.182%208.727-2.182c0%202.237-2.061%206.95-3.338%207.757c-.654.414-.845-.317-1.047-1.108c-.191-.741-.398-1.532-1.015-1.494c-.632.043-1.145%201.325-1.658%202.613C13.151%2019.702%2012.633%2021%2012%2021s-1.146-1.31-1.658-2.607c-.524-1.32-1.037-2.635-1.68-2.597c-.606.044-.818.819-1.004%201.539c-.207.78-.393%201.489-1.058%201.063c-1.26-.807-3.327-5.514-3.327-7.762%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG197d0drG%22%20x1%3D%2217.638%22%20x2%3D%226.18%22%20y1%3D%225.015%22%20y2%3D%2218.565%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233afce7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fc5cdd%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVG197d0drG)%22%20d%3D%22M16.91%203a1.637%201.637%200%201%200%200%203.274a1.637%201.637%200%200%200%200-3.274M5.334%2010.364C5.335%209.616%208.318%209%2012%209s6.666.616%206.666%201.364c0%20.752-3.339%201.363-6.666%201.363c-3.338%200-6.665-.6-6.665-1.363m-2.062.272s0%202.182%208.727%202.182s8.727-2.182%208.727-2.182c0%202.237-2.061%206.95-3.338%207.757c-.654.414-.845-.317-1.047-1.108c-.191-.741-.398-1.532-1.015-1.494c-.632.043-1.145%201.325-1.658%202.613C13.151%2019.702%2012.633%2021%2012%2021s-1.146-1.31-1.658-2.607c-.524-1.32-1.037-2.635-1.68-2.597c-.606.044-.818.819-1.004%201.539c-.207.78-.393%201.489-1.058%201.063c-1.26-.807-3.327-5.514-3.327-7.762%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG197d0drG%22%20x1%3D%2217.638%22%20x2%3D%226.18%22%20y1%3D%225.015%22%20y2%3D%2218.565%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%233afce7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fc5cdd%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/mvi.svg?color=%231a73e8&size=48
