metis logo
metis-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- metis-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Related icons in Web3 Icons Branded
Use the metis logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd11)"><path fill="#00d8c1" d="M24 0H0v24h24z"/><path fill="#000" d="M11.836 12.725c.164-.301.447-.626.7-.95c.688.009 1.154.037 1.817-.316c.236-.122.297-.113.367-.386c-.819 0-.997.094-1.666.254c.438-.63 2.137-1.035 2.24-1.835c-.588.132-.8.23-1.204.536l-.965.782c.042-.264.226-.546.33-.782c.15-.352.108-.484.207-.851c-.288.028-.434.343-.612.597c-.786 1.177-.49 2.132-1.36 2.645c.056-.583.287-1.242.113-1.896c-.495-.047-.55 1.068-.55 1.703c0 1.464.022.753-.48 1.798c-.039-.405-.006-1.341-.119-1.624c-.136-.353-.033-.23-.32-.235c-.207.386-.07 1.464.02 1.897c.07.367.164.508.07.814a10 10 0 0 1-.297.748c-.127-.588-.451-1.633-.931-1.572c-.137.565.503 1.581.828 1.835c-.01.518-.15.669-.165 1.29c.085-.15.108-.23.15-.395a4 4 0 0 0 .085-.518c.626-.019 1.836-.15 1.949-.988c-.518-.17-1.389.423-1.789.644c.057-.315.311-.988.48-1.195c.485.122 1.756.038 1.92-.65l-1.84.354l.621-1.144c.678 0 2.071-.207 2.231-.861c-.795-.094-1.2.179-1.835.301z"/><path fill="#000" d="M12.019 4C16.424 4 20 7.642 20 12.132c0 4.527-3.501 6.87-5.953 7.868h-.014c-.593-.753-.376-.612.245-2.132c.451-1.106.376-1.261.545-1.76c.066-.188.194-.33.269-.47c2.15-.029 2.32-.052 2.306-.941c0-.608-.038-.391.216-.777c-.179-.282-.132-.39-.07-.593c.108-.353-.015-.31-.095-.616c.264-.236.509-.245.669-.603c-.18-.292-.447-.428-.716-.645c-.47-.385-.687-.686-.696-.931c-.014-.33.287-.56.292-.753c.009-.221-.278-.565-.414-.814l-.424-.941c-.461-1.14-1.092-1.252-2.414-1.403c-1.073-.127-1.732-.273-2.292-.268c-.706.005-1.261.4-2.306 1.223c-.46.358-.963.658-1.496.895c-.725.555-1.741 1.411-1.75 2.338c-.015.4-.01.796-.02 1.191c-.023 1.073.772 1.266.895 1.534c.094.198.037.405.164.687c.193.424.17.179.447.405c.245.188.353.8.523 1.096c.338.593 1.68.904 1.938 1.111c-.042.73-.79 2-1.317 2.626A8.15 8.15 0 0 1 4 12.122C4.033 7.642 7.61 4 12.02 4"/></g><defs><clipPath id="SVGHcSWxdhd11"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMetisBackground(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"><g clipPath="url(#SVGHcSWxdhd11)"><path fill="#00d8c1" d="M24 0H0v24h24z"/><path fill="#000" d="M11.836 12.725c.164-.301.447-.626.7-.95c.688.009 1.154.037 1.817-.316c.236-.122.297-.113.367-.386c-.819 0-.997.094-1.666.254c.438-.63 2.137-1.035 2.24-1.835c-.588.132-.8.23-1.204.536l-.965.782c.042-.264.226-.546.33-.782c.15-.352.108-.484.207-.851c-.288.028-.434.343-.612.597c-.786 1.177-.49 2.132-1.36 2.645c.056-.583.287-1.242.113-1.896c-.495-.047-.55 1.068-.55 1.703c0 1.464.022.753-.48 1.798c-.039-.405-.006-1.341-.119-1.624c-.136-.353-.033-.23-.32-.235c-.207.386-.07 1.464.02 1.897c.07.367.164.508.07.814a10 10 0 0 1-.297.748c-.127-.588-.451-1.633-.931-1.572c-.137.565.503 1.581.828 1.835c-.01.518-.15.669-.165 1.29c.085-.15.108-.23.15-.395a4 4 0 0 0 .085-.518c.626-.019 1.836-.15 1.949-.988c-.518-.17-1.389.423-1.789.644c.057-.315.311-.988.48-1.195c.485.122 1.756.038 1.92-.65l-1.84.354l.621-1.144c.678 0 2.071-.207 2.231-.861c-.795-.094-1.2.179-1.835.301z"/><path fill="#000" d="M12.019 4C16.424 4 20 7.642 20 12.132c0 4.527-3.501 6.87-5.953 7.868h-.014c-.593-.753-.376-.612.245-2.132c.451-1.106.376-1.261.545-1.76c.066-.188.194-.33.269-.47c2.15-.029 2.32-.052 2.306-.941c0-.608-.038-.391.216-.777c-.179-.282-.132-.39-.07-.593c.108-.353-.015-.31-.095-.616c.264-.236.509-.245.669-.603c-.18-.292-.447-.428-.716-.645c-.47-.385-.687-.686-.696-.931c-.014-.33.287-.56.292-.753c.009-.221-.278-.565-.414-.814l-.424-.941c-.461-1.14-1.092-1.252-2.414-1.403c-1.073-.127-1.732-.273-2.292-.268c-.706.005-1.261.4-2.306 1.223c-.46.358-.963.658-1.496.895c-.725.555-1.741 1.411-1.75 2.338c-.015.4-.01.796-.02 1.191c-.023 1.073.772 1.266.895 1.534c.094.198.037.405.164.687c.193.424.17.179.447.405c.245.188.353.8.523 1.096c.338.593 1.68.904 1.938 1.111c-.042.73-.79 2-1.317 2.626A8.15 8.15 0 0 1 4 12.122C4.033 7.642 7.61 4 12.02 4"/></g><defs><clipPath id="SVGHcSWxdhd11"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></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"><g clip-path="url(#SVGHcSWxdhd11)"><path fill="#00d8c1" d="M24 0H0v24h24z"/><path fill="#000" d="M11.836 12.725c.164-.301.447-.626.7-.95c.688.009 1.154.037 1.817-.316c.236-.122.297-.113.367-.386c-.819 0-.997.094-1.666.254c.438-.63 2.137-1.035 2.24-1.835c-.588.132-.8.23-1.204.536l-.965.782c.042-.264.226-.546.33-.782c.15-.352.108-.484.207-.851c-.288.028-.434.343-.612.597c-.786 1.177-.49 2.132-1.36 2.645c.056-.583.287-1.242.113-1.896c-.495-.047-.55 1.068-.55 1.703c0 1.464.022.753-.48 1.798c-.039-.405-.006-1.341-.119-1.624c-.136-.353-.033-.23-.32-.235c-.207.386-.07 1.464.02 1.897c.07.367.164.508.07.814a10 10 0 0 1-.297.748c-.127-.588-.451-1.633-.931-1.572c-.137.565.503 1.581.828 1.835c-.01.518-.15.669-.165 1.29c.085-.15.108-.23.15-.395a4 4 0 0 0 .085-.518c.626-.019 1.836-.15 1.949-.988c-.518-.17-1.389.423-1.789.644c.057-.315.311-.988.48-1.195c.485.122 1.756.038 1.92-.65l-1.84.354l.621-1.144c.678 0 2.071-.207 2.231-.861c-.795-.094-1.2.179-1.835.301z"/><path fill="#000" d="M12.019 4C16.424 4 20 7.642 20 12.132c0 4.527-3.501 6.87-5.953 7.868h-.014c-.593-.753-.376-.612.245-2.132c.451-1.106.376-1.261.545-1.76c.066-.188.194-.33.269-.47c2.15-.029 2.32-.052 2.306-.941c0-.608-.038-.391.216-.777c-.179-.282-.132-.39-.07-.593c.108-.353-.015-.31-.095-.616c.264-.236.509-.245.669-.603c-.18-.292-.447-.428-.716-.645c-.47-.385-.687-.686-.696-.931c-.014-.33.287-.56.292-.753c.009-.221-.278-.565-.414-.814l-.424-.941c-.461-1.14-1.092-1.252-2.414-1.403c-1.073-.127-1.732-.273-2.292-.268c-.706.005-1.261.4-2.306 1.223c-.46.358-.963.658-1.496.895c-.725.555-1.741 1.411-1.75 2.338c-.015.4-.01.796-.02 1.191c-.023 1.073.772 1.266.895 1.534c.094.198.037.405.164.687c.193.424.17.179.447.405c.245.188.353.8.523 1.096c.338.593 1.68.904 1.938 1.111c-.042.73-.79 2-1.317 2.626A8.15 8.15 0 0 1 4 12.122C4.033 7.642 7.61 4 12.02 4"/></g><defs><clipPath id="SVGHcSWxdhd11"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-metis-background {
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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd11)%22%3E%3Cpath%20fill%3D%22%2300d8c1%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M11.836%2012.725c.164-.301.447-.626.7-.95c.688.009%201.154.037%201.817-.316c.236-.122.297-.113.367-.386c-.819%200-.997.094-1.666.254c.438-.63%202.137-1.035%202.24-1.835c-.588.132-.8.23-1.204.536l-.965.782c.042-.264.226-.546.33-.782c.15-.352.108-.484.207-.851c-.288.028-.434.343-.612.597c-.786%201.177-.49%202.132-1.36%202.645c.056-.583.287-1.242.113-1.896c-.495-.047-.55%201.068-.55%201.703c0%201.464.022.753-.48%201.798c-.039-.405-.006-1.341-.119-1.624c-.136-.353-.033-.23-.32-.235c-.207.386-.07%201.464.02%201.897c.07.367.164.508.07.814a10%2010%200%200%201-.297.748c-.127-.588-.451-1.633-.931-1.572c-.137.565.503%201.581.828%201.835c-.01.518-.15.669-.165%201.29c.085-.15.108-.23.15-.395a4%204%200%200%200%20.085-.518c.626-.019%201.836-.15%201.949-.988c-.518-.17-1.389.423-1.789.644c.057-.315.311-.988.48-1.195c.485.122%201.756.038%201.92-.65l-1.84.354l.621-1.144c.678%200%202.071-.207%202.231-.861c-.795-.094-1.2.179-1.835.301z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.019%204C16.424%204%2020%207.642%2020%2012.132c0%204.527-3.501%206.87-5.953%207.868h-.014c-.593-.753-.376-.612.245-2.132c.451-1.106.376-1.261.545-1.76c.066-.188.194-.33.269-.47c2.15-.029%202.32-.052%202.306-.941c0-.608-.038-.391.216-.777c-.179-.282-.132-.39-.07-.593c.108-.353-.015-.31-.095-.616c.264-.236.509-.245.669-.603c-.18-.292-.447-.428-.716-.645c-.47-.385-.687-.686-.696-.931c-.014-.33.287-.56.292-.753c.009-.221-.278-.565-.414-.814l-.424-.941c-.461-1.14-1.092-1.252-2.414-1.403c-1.073-.127-1.732-.273-2.292-.268c-.706.005-1.261.4-2.306%201.223c-.46.358-.963.658-1.496.895c-.725.555-1.741%201.411-1.75%202.338c-.015.4-.01.796-.02%201.191c-.023%201.073.772%201.266.895%201.534c.094.198.037.405.164.687c.193.424.17.179.447.405c.245.188.353.8.523%201.096c.338.593%201.68.904%201.938%201.111c-.042.73-.79%202-1.317%202.626A8.15%208.15%200%200%201%204%2012.122C4.033%207.642%207.61%204%2012.02%204%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd11%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd11)%22%3E%3Cpath%20fill%3D%22%2300d8c1%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M11.836%2012.725c.164-.301.447-.626.7-.95c.688.009%201.154.037%201.817-.316c.236-.122.297-.113.367-.386c-.819%200-.997.094-1.666.254c.438-.63%202.137-1.035%202.24-1.835c-.588.132-.8.23-1.204.536l-.965.782c.042-.264.226-.546.33-.782c.15-.352.108-.484.207-.851c-.288.028-.434.343-.612.597c-.786%201.177-.49%202.132-1.36%202.645c.056-.583.287-1.242.113-1.896c-.495-.047-.55%201.068-.55%201.703c0%201.464.022.753-.48%201.798c-.039-.405-.006-1.341-.119-1.624c-.136-.353-.033-.23-.32-.235c-.207.386-.07%201.464.02%201.897c.07.367.164.508.07.814a10%2010%200%200%201-.297.748c-.127-.588-.451-1.633-.931-1.572c-.137.565.503%201.581.828%201.835c-.01.518-.15.669-.165%201.29c.085-.15.108-.23.15-.395a4%204%200%200%200%20.085-.518c.626-.019%201.836-.15%201.949-.988c-.518-.17-1.389.423-1.789.644c.057-.315.311-.988.48-1.195c.485.122%201.756.038%201.92-.65l-1.84.354l.621-1.144c.678%200%202.071-.207%202.231-.861c-.795-.094-1.2.179-1.835.301z%22%2F%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M12.019%204C16.424%204%2020%207.642%2020%2012.132c0%204.527-3.501%206.87-5.953%207.868h-.014c-.593-.753-.376-.612.245-2.132c.451-1.106.376-1.261.545-1.76c.066-.188.194-.33.269-.47c2.15-.029%202.32-.052%202.306-.941c0-.608-.038-.391.216-.777c-.179-.282-.132-.39-.07-.593c.108-.353-.015-.31-.095-.616c.264-.236.509-.245.669-.603c-.18-.292-.447-.428-.716-.645c-.47-.385-.687-.686-.696-.931c-.014-.33.287-.56.292-.753c.009-.221-.278-.565-.414-.814l-.424-.941c-.461-1.14-1.092-1.252-2.414-1.403c-1.073-.127-1.732-.273-2.292-.268c-.706.005-1.261.4-2.306%201.223c-.46.358-.963.658-1.496.895c-.725.555-1.741%201.411-1.75%202.338c-.015.4-.01.796-.02%201.191c-.023%201.073.772%201.266.895%201.534c.094.198.037.405.164.687c.193.424.17.179.447.405c.245.188.353.8.523%201.096c.338.593%201.68.904%201.938%201.111c-.042.73-.79%202-1.317%202.626A8.15%208.15%200%200%201%204%2012.122C4.033%207.642%207.61%204%2012.02%204%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd11%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%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/metis-background.svg?color=%231a73e8&size=48
