metamask logo
metamask from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- metamask
- 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 metamask logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#ff5c16" d="m19.821 19.918l-3.877-1.131l-2.924 1.712h-2.04l-2.926-1.712l-3.875 1.13L3 16.02l1.179-4.327L3 8.034L4.179 3.5l6.056 3.544h3.53L19.821 3.5L21 8.034l-1.179 3.658L21 16.02z"/><path fill="#ff5c16" d="m4.18 3.5l6.055 3.547l-.24 2.434zm3.875 12.52l2.665 1.99l-2.665.777zm2.452-3.286l-.512-3.251l-3.278 2.21h-.002v.001l.01 2.275l1.33-1.235zM19.82 3.5l-6.056 3.547l.24 2.434zm-3.875 12.52l-2.665 1.99l2.665.777zm1.339-4.326v-.002zl-3.279-2.21l-.512 3.25h2.451l1.33 1.236z"/><path fill="#e34807" d="m8.054 18.787l-3.875 1.13L3 16.022h5.054zm2.452-6.054l.74 4.7l-1.026-2.614l-3.497-.85l1.33-1.236zm5.44 6.054l3.875 1.13L21 16.022h-5.055zm-2.452-6.054l-.74 4.7l1.026-2.614l3.497-.85l-1.331-1.236z"/><path fill="#ff8d5d" d="m3 16.02l1.179-4.328h2.535l.01 2.276l3.496.85l1.026 2.613l-.527.576l-2.665-1.989H3zm18 0l-1.179-4.328h-2.535l-.01 2.276l-3.496.85l-1.026 2.613l.527.576l2.665-1.989H21zm-7.235-8.976h-3.53l-.24 2.435l1.251 7.95h1.508l1.252-7.95z"/><path fill="#661800" d="M4.179 3.5L3 8.034l1.179 3.658h2.535l3.28-2.211zm5.594 10.177H8.625l-.626.6l2.222.54zM19.821 3.5L21 8.034l-1.179 3.658h-2.535l-3.28-2.211zm-5.593 10.177h1.15l.626.6l-2.224.541zm-1.209 5.271l.262-.94l-.527-.575h-1.509l-.527.575l.262.94"/><path fill="#c0c4cd" d="M13.02 18.948V20.5h-2.04v-1.552z"/><path fill="#e7ebf6" d="m8.055 18.785l2.927 1.714v-1.552l-.262-.94zm7.89 0L13.02 20.5v-1.552l.262-.94z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMetamask(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="#ff5c16" d="m19.821 19.918l-3.877-1.131l-2.924 1.712h-2.04l-2.926-1.712l-3.875 1.13L3 16.02l1.179-4.327L3 8.034L4.179 3.5l6.056 3.544h3.53L19.821 3.5L21 8.034l-1.179 3.658L21 16.02z"/><path fill="#ff5c16" d="m4.18 3.5l6.055 3.547l-.24 2.434zm3.875 12.52l2.665 1.99l-2.665.777zm2.452-3.286l-.512-3.251l-3.278 2.21h-.002v.001l.01 2.275l1.33-1.235zM19.82 3.5l-6.056 3.547l.24 2.434zm-3.875 12.52l-2.665 1.99l2.665.777zm1.339-4.326v-.002zl-3.279-2.21l-.512 3.25h2.451l1.33 1.236z"/><path fill="#e34807" d="m8.054 18.787l-3.875 1.13L3 16.022h5.054zm2.452-6.054l.74 4.7l-1.026-2.614l-3.497-.85l1.33-1.236zm5.44 6.054l3.875 1.13L21 16.022h-5.055zm-2.452-6.054l-.74 4.7l1.026-2.614l3.497-.85l-1.331-1.236z"/><path fill="#ff8d5d" d="m3 16.02l1.179-4.328h2.535l.01 2.276l3.496.85l1.026 2.613l-.527.576l-2.665-1.989H3zm18 0l-1.179-4.328h-2.535l-.01 2.276l-3.496.85l-1.026 2.613l.527.576l2.665-1.989H21zm-7.235-8.976h-3.53l-.24 2.435l1.251 7.95h1.508l1.252-7.95z"/><path fill="#661800" d="M4.179 3.5L3 8.034l1.179 3.658h2.535l3.28-2.211zm5.594 10.177H8.625l-.626.6l2.222.54zM19.821 3.5L21 8.034l-1.179 3.658h-2.535l-3.28-2.211zm-5.593 10.177h1.15l.626.6l-2.224.541zm-1.209 5.271l.262-.94l-.527-.575h-1.509l-.527.575l.262.94"/><path fill="#c0c4cd" d="M13.02 18.948V20.5h-2.04v-1.552z"/><path fill="#e7ebf6" d="m8.055 18.785l2.927 1.714v-1.552l-.262-.94zm7.89 0L13.02 20.5v-1.552l.262-.94z"/></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="#ff5c16" d="m19.821 19.918l-3.877-1.131l-2.924 1.712h-2.04l-2.926-1.712l-3.875 1.13L3 16.02l1.179-4.327L3 8.034L4.179 3.5l6.056 3.544h3.53L19.821 3.5L21 8.034l-1.179 3.658L21 16.02z"/><path fill="#ff5c16" d="m4.18 3.5l6.055 3.547l-.24 2.434zm3.875 12.52l2.665 1.99l-2.665.777zm2.452-3.286l-.512-3.251l-3.278 2.21h-.002v.001l.01 2.275l1.33-1.235zM19.82 3.5l-6.056 3.547l.24 2.434zm-3.875 12.52l-2.665 1.99l2.665.777zm1.339-4.326v-.002zl-3.279-2.21l-.512 3.25h2.451l1.33 1.236z"/><path fill="#e34807" d="m8.054 18.787l-3.875 1.13L3 16.022h5.054zm2.452-6.054l.74 4.7l-1.026-2.614l-3.497-.85l1.33-1.236zm5.44 6.054l3.875 1.13L21 16.022h-5.055zm-2.452-6.054l-.74 4.7l1.026-2.614l3.497-.85l-1.331-1.236z"/><path fill="#ff8d5d" d="m3 16.02l1.179-4.328h2.535l.01 2.276l3.496.85l1.026 2.613l-.527.576l-2.665-1.989H3zm18 0l-1.179-4.328h-2.535l-.01 2.276l-3.496.85l-1.026 2.613l.527.576l2.665-1.989H21zm-7.235-8.976h-3.53l-.24 2.435l1.251 7.95h1.508l1.252-7.95z"/><path fill="#661800" d="M4.179 3.5L3 8.034l1.179 3.658h2.535l3.28-2.211zm5.594 10.177H8.625l-.626.6l2.222.54zM19.821 3.5L21 8.034l-1.179 3.658h-2.535l-3.28-2.211zm-5.593 10.177h1.15l.626.6l-2.224.541zm-1.209 5.271l.262-.94l-.527-.575h-1.509l-.527.575l.262.94"/><path fill="#c0c4cd" d="M13.02 18.948V20.5h-2.04v-1.552z"/><path fill="#e7ebf6" d="m8.055 18.785l2.927 1.714v-1.552l-.262-.94zm7.89 0L13.02 20.5v-1.552l.262-.94z"/></g></svg> </template>
CSS
.icon-metamask {
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%22%23ff5c16%22%20d%3D%22m19.821%2019.918l-3.877-1.131l-2.924%201.712h-2.04l-2.926-1.712l-3.875%201.13L3%2016.02l1.179-4.327L3%208.034L4.179%203.5l6.056%203.544h3.53L19.821%203.5L21%208.034l-1.179%203.658L21%2016.02z%22%2F%3E%3Cpath%20fill%3D%22%23ff5c16%22%20d%3D%22m4.18%203.5l6.055%203.547l-.24%202.434zm3.875%2012.52l2.665%201.99l-2.665.777zm2.452-3.286l-.512-3.251l-3.278%202.21h-.002v.001l.01%202.275l1.33-1.235zM19.82%203.5l-6.056%203.547l.24%202.434zm-3.875%2012.52l-2.665%201.99l2.665.777zm1.339-4.326v-.002zl-3.279-2.21l-.512%203.25h2.451l1.33%201.236z%22%2F%3E%3Cpath%20fill%3D%22%23e34807%22%20d%3D%22m8.054%2018.787l-3.875%201.13L3%2016.022h5.054zm2.452-6.054l.74%204.7l-1.026-2.614l-3.497-.85l1.33-1.236zm5.44%206.054l3.875%201.13L21%2016.022h-5.055zm-2.452-6.054l-.74%204.7l1.026-2.614l3.497-.85l-1.331-1.236z%22%2F%3E%3Cpath%20fill%3D%22%23ff8d5d%22%20d%3D%22m3%2016.02l1.179-4.328h2.535l.01%202.276l3.496.85l1.026%202.613l-.527.576l-2.665-1.989H3zm18%200l-1.179-4.328h-2.535l-.01%202.276l-3.496.85l-1.026%202.613l.527.576l2.665-1.989H21zm-7.235-8.976h-3.53l-.24%202.435l1.251%207.95h1.508l1.252-7.95z%22%2F%3E%3Cpath%20fill%3D%22%23661800%22%20d%3D%22M4.179%203.5L3%208.034l1.179%203.658h2.535l3.28-2.211zm5.594%2010.177H8.625l-.626.6l2.222.54zM19.821%203.5L21%208.034l-1.179%203.658h-2.535l-3.28-2.211zm-5.593%2010.177h1.15l.626.6l-2.224.541zm-1.209%205.271l.262-.94l-.527-.575h-1.509l-.527.575l.262.94%22%2F%3E%3Cpath%20fill%3D%22%23c0c4cd%22%20d%3D%22M13.02%2018.948V20.5h-2.04v-1.552z%22%2F%3E%3Cpath%20fill%3D%22%23e7ebf6%22%20d%3D%22m8.055%2018.785l2.927%201.714v-1.552l-.262-.94zm7.89%200L13.02%2020.5v-1.552l.262-.94z%22%2F%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%22%23ff5c16%22%20d%3D%22m19.821%2019.918l-3.877-1.131l-2.924%201.712h-2.04l-2.926-1.712l-3.875%201.13L3%2016.02l1.179-4.327L3%208.034L4.179%203.5l6.056%203.544h3.53L19.821%203.5L21%208.034l-1.179%203.658L21%2016.02z%22%2F%3E%3Cpath%20fill%3D%22%23ff5c16%22%20d%3D%22m4.18%203.5l6.055%203.547l-.24%202.434zm3.875%2012.52l2.665%201.99l-2.665.777zm2.452-3.286l-.512-3.251l-3.278%202.21h-.002v.001l.01%202.275l1.33-1.235zM19.82%203.5l-6.056%203.547l.24%202.434zm-3.875%2012.52l-2.665%201.99l2.665.777zm1.339-4.326v-.002zl-3.279-2.21l-.512%203.25h2.451l1.33%201.236z%22%2F%3E%3Cpath%20fill%3D%22%23e34807%22%20d%3D%22m8.054%2018.787l-3.875%201.13L3%2016.022h5.054zm2.452-6.054l.74%204.7l-1.026-2.614l-3.497-.85l1.33-1.236zm5.44%206.054l3.875%201.13L21%2016.022h-5.055zm-2.452-6.054l-.74%204.7l1.026-2.614l3.497-.85l-1.331-1.236z%22%2F%3E%3Cpath%20fill%3D%22%23ff8d5d%22%20d%3D%22m3%2016.02l1.179-4.328h2.535l.01%202.276l3.496.85l1.026%202.613l-.527.576l-2.665-1.989H3zm18%200l-1.179-4.328h-2.535l-.01%202.276l-3.496.85l-1.026%202.613l.527.576l2.665-1.989H21zm-7.235-8.976h-3.53l-.24%202.435l1.251%207.95h1.508l1.252-7.95z%22%2F%3E%3Cpath%20fill%3D%22%23661800%22%20d%3D%22M4.179%203.5L3%208.034l1.179%203.658h2.535l3.28-2.211zm5.594%2010.177H8.625l-.626.6l2.222.54zM19.821%203.5L21%208.034l-1.179%203.658h-2.535l-3.28-2.211zm-5.593%2010.177h1.15l.626.6l-2.224.541zm-1.209%205.271l.262-.94l-.527-.575h-1.509l-.527.575l.262.94%22%2F%3E%3Cpath%20fill%3D%22%23c0c4cd%22%20d%3D%22M13.02%2018.948V20.5h-2.04v-1.552z%22%2F%3E%3Cpath%20fill%3D%22%23e7ebf6%22%20d%3D%22m8.055%2018.785l2.927%201.714v-1.552l-.262-.94zm7.89%200L13.02%2020.5v-1.552l.262-.94z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/metamask.svg?color=%231a73e8&size=48
