metamask icon logo

metamask-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
metamask-icon
Set
SVG Logos
Style
Color
Viewbox
256×240
License
CC0

Use the metamask icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 240"><path fill="#e17726" d="M250.066 0L140.219 81.279l20.427-47.9z"/><path fill="#e27625" d="m6.191.096l89.181 33.289l19.396 48.528zM205.86 172.858l48.551.924l-16.968 57.642l-59.243-16.311zm-155.721 0l27.557 42.255l-59.143 16.312l-16.865-57.643z"/><path fill="#e27625" d="m112.131 69.552l1.984 64.083l-59.371-2.701l16.888-25.478l.214-.245zm31.123-.715l40.9 36.376l.212.244l16.888 25.478l-59.358 2.7zM79.435 173.044l32.418 25.259l-37.658 18.181zm97.136-.004l5.131 43.445l-37.553-18.184z"/><path fill="#d5bfb2" d="m144.978 195.922l38.107 18.452l-35.447 16.846l.368-11.134zm-33.967.008l-2.909 23.974l.239 11.303l-35.53-16.833z"/><path fill="#233447" d="m100.007 141.999l9.958 20.928l-33.903-9.932zm55.985.002l24.058 10.994l-34.014 9.929z"/><path fill="#cc6228" d="m82.026 172.83l-5.48 45.04l-29.373-44.055zm91.95.001l34.854.984l-29.483 44.057zm28.136-44.444l-25.365 25.851l-19.557-8.937l-9.363 19.684l-6.138-33.849zm-148.237 0l60.435 2.749l-6.139 33.849l-9.365-19.681l-19.453 8.935z"/><path fill="#e27525" d="m52.166 123.082l28.698 29.121l.994 28.749zm151.697-.052l-29.746 57.973l1.12-28.8zm-90.956 1.826l1.155 7.27l2.854 18.111l-1.835 55.625l-8.675-44.685l-.003-.462zm30.171-.101l6.521 35.96l-.003.462l-8.697 44.797l-.344-11.205l-1.357-44.862z"/><path fill="#f5841f" d="m177.788 151.046l-.971 24.978l-30.274 23.587l-6.12-4.324l6.86-35.335zm-99.471 0l30.399 8.906l6.86 35.335l-6.12 4.324l-30.275-23.589z"/><path fill="#c0ac9d" d="m67.018 208.858l38.732 18.352l-.164-7.837l3.241-2.845h38.334l3.358 2.835l-.248 7.831l38.487-18.29l-18.728 15.476l-22.645 15.553h-38.869l-22.63-15.617z"/><path fill="#161616" d="m142.204 193.479l5.476 3.869l3.209 25.604l-4.644-3.921h-36.476l-4.556 4l3.104-25.681l5.478-3.871z"/><path fill="#763e1a" d="M242.814 2.25L256 41.807l-8.235 39.997l5.864 4.523l-7.935 6.054l5.964 4.606l-7.897 7.191l4.848 3.511l-12.866 15.026l-52.77-15.365l-.457-.245l-38.027-32.078zm-229.628 0l98.326 72.777l-38.028 32.078l-.457.245l-52.77 15.365l-12.866-15.026l4.844-3.508l-7.892-7.194l5.952-4.601l-8.054-6.071l6.085-4.526L0 41.809z"/><path fill="#f5841f" d="m180.392 103.99l55.913 16.279l18.165 55.986h-47.924l-33.02.416l24.014-46.808zm-104.784 0l-17.151 25.873l24.017 46.808l-33.005-.416H1.631l18.063-55.985zm87.776-70.878l-15.639 42.239l-3.319 57.06l-1.27 17.885l-.101 45.688h-30.111l-.098-45.602l-1.274-17.986l-3.32-57.045l-15.637-42.239z"/></svg>

React

import type { SVGProps } from "react";

export function LogosMetamaskIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 240"><path fill="#e17726" d="M250.066 0L140.219 81.279l20.427-47.9z"/><path fill="#e27625" d="m6.191.096l89.181 33.289l19.396 48.528zM205.86 172.858l48.551.924l-16.968 57.642l-59.243-16.311zm-155.721 0l27.557 42.255l-59.143 16.312l-16.865-57.643z"/><path fill="#e27625" d="m112.131 69.552l1.984 64.083l-59.371-2.701l16.888-25.478l.214-.245zm31.123-.715l40.9 36.376l.212.244l16.888 25.478l-59.358 2.7zM79.435 173.044l32.418 25.259l-37.658 18.181zm97.136-.004l5.131 43.445l-37.553-18.184z"/><path fill="#d5bfb2" d="m144.978 195.922l38.107 18.452l-35.447 16.846l.368-11.134zm-33.967.008l-2.909 23.974l.239 11.303l-35.53-16.833z"/><path fill="#233447" d="m100.007 141.999l9.958 20.928l-33.903-9.932zm55.985.002l24.058 10.994l-34.014 9.929z"/><path fill="#cc6228" d="m82.026 172.83l-5.48 45.04l-29.373-44.055zm91.95.001l34.854.984l-29.483 44.057zm28.136-44.444l-25.365 25.851l-19.557-8.937l-9.363 19.684l-6.138-33.849zm-148.237 0l60.435 2.749l-6.139 33.849l-9.365-19.681l-19.453 8.935z"/><path fill="#e27525" d="m52.166 123.082l28.698 29.121l.994 28.749zm151.697-.052l-29.746 57.973l1.12-28.8zm-90.956 1.826l1.155 7.27l2.854 18.111l-1.835 55.625l-8.675-44.685l-.003-.462zm30.171-.101l6.521 35.96l-.003.462l-8.697 44.797l-.344-11.205l-1.357-44.862z"/><path fill="#f5841f" d="m177.788 151.046l-.971 24.978l-30.274 23.587l-6.12-4.324l6.86-35.335zm-99.471 0l30.399 8.906l6.86 35.335l-6.12 4.324l-30.275-23.589z"/><path fill="#c0ac9d" d="m67.018 208.858l38.732 18.352l-.164-7.837l3.241-2.845h38.334l3.358 2.835l-.248 7.831l38.487-18.29l-18.728 15.476l-22.645 15.553h-38.869l-22.63-15.617z"/><path fill="#161616" d="m142.204 193.479l5.476 3.869l3.209 25.604l-4.644-3.921h-36.476l-4.556 4l3.104-25.681l5.478-3.871z"/><path fill="#763e1a" d="M242.814 2.25L256 41.807l-8.235 39.997l5.864 4.523l-7.935 6.054l5.964 4.606l-7.897 7.191l4.848 3.511l-12.866 15.026l-52.77-15.365l-.457-.245l-38.027-32.078zm-229.628 0l98.326 72.777l-38.028 32.078l-.457.245l-52.77 15.365l-12.866-15.026l4.844-3.508l-7.892-7.194l5.952-4.601l-8.054-6.071l6.085-4.526L0 41.809z"/><path fill="#f5841f" d="m180.392 103.99l55.913 16.279l18.165 55.986h-47.924l-33.02.416l24.014-46.808zm-104.784 0l-17.151 25.873l24.017 46.808l-33.005-.416H1.631l18.063-55.985zm87.776-70.878l-15.639 42.239l-3.319 57.06l-1.27 17.885l-.101 45.688h-30.111l-.098-45.602l-1.274-17.986l-3.32-57.045l-15.637-42.239z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 240"><path fill="#e17726" d="M250.066 0L140.219 81.279l20.427-47.9z"/><path fill="#e27625" d="m6.191.096l89.181 33.289l19.396 48.528zM205.86 172.858l48.551.924l-16.968 57.642l-59.243-16.311zm-155.721 0l27.557 42.255l-59.143 16.312l-16.865-57.643z"/><path fill="#e27625" d="m112.131 69.552l1.984 64.083l-59.371-2.701l16.888-25.478l.214-.245zm31.123-.715l40.9 36.376l.212.244l16.888 25.478l-59.358 2.7zM79.435 173.044l32.418 25.259l-37.658 18.181zm97.136-.004l5.131 43.445l-37.553-18.184z"/><path fill="#d5bfb2" d="m144.978 195.922l38.107 18.452l-35.447 16.846l.368-11.134zm-33.967.008l-2.909 23.974l.239 11.303l-35.53-16.833z"/><path fill="#233447" d="m100.007 141.999l9.958 20.928l-33.903-9.932zm55.985.002l24.058 10.994l-34.014 9.929z"/><path fill="#cc6228" d="m82.026 172.83l-5.48 45.04l-29.373-44.055zm91.95.001l34.854.984l-29.483 44.057zm28.136-44.444l-25.365 25.851l-19.557-8.937l-9.363 19.684l-6.138-33.849zm-148.237 0l60.435 2.749l-6.139 33.849l-9.365-19.681l-19.453 8.935z"/><path fill="#e27525" d="m52.166 123.082l28.698 29.121l.994 28.749zm151.697-.052l-29.746 57.973l1.12-28.8zm-90.956 1.826l1.155 7.27l2.854 18.111l-1.835 55.625l-8.675-44.685l-.003-.462zm30.171-.101l6.521 35.96l-.003.462l-8.697 44.797l-.344-11.205l-1.357-44.862z"/><path fill="#f5841f" d="m177.788 151.046l-.971 24.978l-30.274 23.587l-6.12-4.324l6.86-35.335zm-99.471 0l30.399 8.906l6.86 35.335l-6.12 4.324l-30.275-23.589z"/><path fill="#c0ac9d" d="m67.018 208.858l38.732 18.352l-.164-7.837l3.241-2.845h38.334l3.358 2.835l-.248 7.831l38.487-18.29l-18.728 15.476l-22.645 15.553h-38.869l-22.63-15.617z"/><path fill="#161616" d="m142.204 193.479l5.476 3.869l3.209 25.604l-4.644-3.921h-36.476l-4.556 4l3.104-25.681l5.478-3.871z"/><path fill="#763e1a" d="M242.814 2.25L256 41.807l-8.235 39.997l5.864 4.523l-7.935 6.054l5.964 4.606l-7.897 7.191l4.848 3.511l-12.866 15.026l-52.77-15.365l-.457-.245l-38.027-32.078zm-229.628 0l98.326 72.777l-38.028 32.078l-.457.245l-52.77 15.365l-12.866-15.026l4.844-3.508l-7.892-7.194l5.952-4.601l-8.054-6.071l6.085-4.526L0 41.809z"/><path fill="#f5841f" d="m180.392 103.99l55.913 16.279l18.165 55.986h-47.924l-33.02.416l24.014-46.808zm-104.784 0l-17.151 25.873l24.017 46.808l-33.005-.416H1.631l18.063-55.985zm87.776-70.878l-15.639 42.239l-3.319 57.06l-1.27 17.885l-.101 45.688h-30.111l-.098-45.602l-1.274-17.986l-3.32-57.045l-15.637-42.239z"/></svg>
</template>

CSS

.icon-metamask-icon {
  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%20256%20240%22%3E%3Cpath%20fill%3D%22%23e17726%22%20d%3D%22M250.066%200L140.219%2081.279l20.427-47.9z%22%2F%3E%3Cpath%20fill%3D%22%23e27625%22%20d%3D%22m6.191.096l89.181%2033.289l19.396%2048.528zM205.86%20172.858l48.551.924l-16.968%2057.642l-59.243-16.311zm-155.721%200l27.557%2042.255l-59.143%2016.312l-16.865-57.643z%22%2F%3E%3Cpath%20fill%3D%22%23e27625%22%20d%3D%22m112.131%2069.552l1.984%2064.083l-59.371-2.701l16.888-25.478l.214-.245zm31.123-.715l40.9%2036.376l.212.244l16.888%2025.478l-59.358%202.7zM79.435%20173.044l32.418%2025.259l-37.658%2018.181zm97.136-.004l5.131%2043.445l-37.553-18.184z%22%2F%3E%3Cpath%20fill%3D%22%23d5bfb2%22%20d%3D%22m144.978%20195.922l38.107%2018.452l-35.447%2016.846l.368-11.134zm-33.967.008l-2.909%2023.974l.239%2011.303l-35.53-16.833z%22%2F%3E%3Cpath%20fill%3D%22%23233447%22%20d%3D%22m100.007%20141.999l9.958%2020.928l-33.903-9.932zm55.985.002l24.058%2010.994l-34.014%209.929z%22%2F%3E%3Cpath%20fill%3D%22%23cc6228%22%20d%3D%22m82.026%20172.83l-5.48%2045.04l-29.373-44.055zm91.95.001l34.854.984l-29.483%2044.057zm28.136-44.444l-25.365%2025.851l-19.557-8.937l-9.363%2019.684l-6.138-33.849zm-148.237%200l60.435%202.749l-6.139%2033.849l-9.365-19.681l-19.453%208.935z%22%2F%3E%3Cpath%20fill%3D%22%23e27525%22%20d%3D%22m52.166%20123.082l28.698%2029.121l.994%2028.749zm151.697-.052l-29.746%2057.973l1.12-28.8zm-90.956%201.826l1.155%207.27l2.854%2018.111l-1.835%2055.625l-8.675-44.685l-.003-.462zm30.171-.101l6.521%2035.96l-.003.462l-8.697%2044.797l-.344-11.205l-1.357-44.862z%22%2F%3E%3Cpath%20fill%3D%22%23f5841f%22%20d%3D%22m177.788%20151.046l-.971%2024.978l-30.274%2023.587l-6.12-4.324l6.86-35.335zm-99.471%200l30.399%208.906l6.86%2035.335l-6.12%204.324l-30.275-23.589z%22%2F%3E%3Cpath%20fill%3D%22%23c0ac9d%22%20d%3D%22m67.018%20208.858l38.732%2018.352l-.164-7.837l3.241-2.845h38.334l3.358%202.835l-.248%207.831l38.487-18.29l-18.728%2015.476l-22.645%2015.553h-38.869l-22.63-15.617z%22%2F%3E%3Cpath%20fill%3D%22%23161616%22%20d%3D%22m142.204%20193.479l5.476%203.869l3.209%2025.604l-4.644-3.921h-36.476l-4.556%204l3.104-25.681l5.478-3.871z%22%2F%3E%3Cpath%20fill%3D%22%23763e1a%22%20d%3D%22M242.814%202.25L256%2041.807l-8.235%2039.997l5.864%204.523l-7.935%206.054l5.964%204.606l-7.897%207.191l4.848%203.511l-12.866%2015.026l-52.77-15.365l-.457-.245l-38.027-32.078zm-229.628%200l98.326%2072.777l-38.028%2032.078l-.457.245l-52.77%2015.365l-12.866-15.026l4.844-3.508l-7.892-7.194l5.952-4.601l-8.054-6.071l6.085-4.526L0%2041.809z%22%2F%3E%3Cpath%20fill%3D%22%23f5841f%22%20d%3D%22m180.392%20103.99l55.913%2016.279l18.165%2055.986h-47.924l-33.02.416l24.014-46.808zm-104.784%200l-17.151%2025.873l24.017%2046.808l-33.005-.416H1.631l18.063-55.985zm87.776-70.878l-15.639%2042.239l-3.319%2057.06l-1.27%2017.885l-.101%2045.688h-30.111l-.098-45.602l-1.274-17.986l-3.32-57.045l-15.637-42.239z%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%20256%20240%22%3E%3Cpath%20fill%3D%22%23e17726%22%20d%3D%22M250.066%200L140.219%2081.279l20.427-47.9z%22%2F%3E%3Cpath%20fill%3D%22%23e27625%22%20d%3D%22m6.191.096l89.181%2033.289l19.396%2048.528zM205.86%20172.858l48.551.924l-16.968%2057.642l-59.243-16.311zm-155.721%200l27.557%2042.255l-59.143%2016.312l-16.865-57.643z%22%2F%3E%3Cpath%20fill%3D%22%23e27625%22%20d%3D%22m112.131%2069.552l1.984%2064.083l-59.371-2.701l16.888-25.478l.214-.245zm31.123-.715l40.9%2036.376l.212.244l16.888%2025.478l-59.358%202.7zM79.435%20173.044l32.418%2025.259l-37.658%2018.181zm97.136-.004l5.131%2043.445l-37.553-18.184z%22%2F%3E%3Cpath%20fill%3D%22%23d5bfb2%22%20d%3D%22m144.978%20195.922l38.107%2018.452l-35.447%2016.846l.368-11.134zm-33.967.008l-2.909%2023.974l.239%2011.303l-35.53-16.833z%22%2F%3E%3Cpath%20fill%3D%22%23233447%22%20d%3D%22m100.007%20141.999l9.958%2020.928l-33.903-9.932zm55.985.002l24.058%2010.994l-34.014%209.929z%22%2F%3E%3Cpath%20fill%3D%22%23cc6228%22%20d%3D%22m82.026%20172.83l-5.48%2045.04l-29.373-44.055zm91.95.001l34.854.984l-29.483%2044.057zm28.136-44.444l-25.365%2025.851l-19.557-8.937l-9.363%2019.684l-6.138-33.849zm-148.237%200l60.435%202.749l-6.139%2033.849l-9.365-19.681l-19.453%208.935z%22%2F%3E%3Cpath%20fill%3D%22%23e27525%22%20d%3D%22m52.166%20123.082l28.698%2029.121l.994%2028.749zm151.697-.052l-29.746%2057.973l1.12-28.8zm-90.956%201.826l1.155%207.27l2.854%2018.111l-1.835%2055.625l-8.675-44.685l-.003-.462zm30.171-.101l6.521%2035.96l-.003.462l-8.697%2044.797l-.344-11.205l-1.357-44.862z%22%2F%3E%3Cpath%20fill%3D%22%23f5841f%22%20d%3D%22m177.788%20151.046l-.971%2024.978l-30.274%2023.587l-6.12-4.324l6.86-35.335zm-99.471%200l30.399%208.906l6.86%2035.335l-6.12%204.324l-30.275-23.589z%22%2F%3E%3Cpath%20fill%3D%22%23c0ac9d%22%20d%3D%22m67.018%20208.858l38.732%2018.352l-.164-7.837l3.241-2.845h38.334l3.358%202.835l-.248%207.831l38.487-18.29l-18.728%2015.476l-22.645%2015.553h-38.869l-22.63-15.617z%22%2F%3E%3Cpath%20fill%3D%22%23161616%22%20d%3D%22m142.204%20193.479l5.476%203.869l3.209%2025.604l-4.644-3.921h-36.476l-4.556%204l3.104-25.681l5.478-3.871z%22%2F%3E%3Cpath%20fill%3D%22%23763e1a%22%20d%3D%22M242.814%202.25L256%2041.807l-8.235%2039.997l5.864%204.523l-7.935%206.054l5.964%204.606l-7.897%207.191l4.848%203.511l-12.866%2015.026l-52.77-15.365l-.457-.245l-38.027-32.078zm-229.628%200l98.326%2072.777l-38.028%2032.078l-.457.245l-52.77%2015.365l-12.866-15.026l4.844-3.508l-7.892-7.194l5.952-4.601l-8.054-6.071l6.085-4.526L0%2041.809z%22%2F%3E%3Cpath%20fill%3D%22%23f5841f%22%20d%3D%22m180.392%20103.99l55.913%2016.279l18.165%2055.986h-47.924l-33.02.416l24.014-46.808zm-104.784%200l-17.151%2025.873l24.017%2046.808l-33.005-.416H1.631l18.063-55.985zm87.776-70.878l-15.639%2042.239l-3.319%2057.06l-1.27%2017.885l-.101%2045.688h-30.111l-.098-45.602l-1.274-17.986l-3.32-57.045l-15.637-42.239z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/metamask-icon.svg?color=%231a73e8&size=48