metis logo
metis from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- metis
- Set
- Web3 Icons Branded
- Style
- Branded
- 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="#00d8c1"><path d="M11.815 12.816c.185-.339.503-.704.789-1.07c.773.011 1.297.043 2.043-.354c.265-.138.334-.127.413-.434c-.92 0-1.122.106-1.874.286c.492-.71 2.403-1.165 2.52-2.065c-.662.148-.9.26-1.355.603l-1.086.88c.048-.297.255-.615.371-.88c.17-.397.122-.545.233-.958c-.323.032-.487.387-.688.673c-.884 1.323-.55 2.398-1.53 2.975c.063-.657.323-1.398.127-2.134c-.556-.053-.62 1.202-.62 1.917c0 1.646.027.847-.54 2.022c-.042-.455-.005-1.509-.132-1.826c-.154-.397-.037-.26-.36-.265c-.233.434-.08 1.646.021 2.134c.08.412.185.571.08.915c-.048.149-.254.683-.334.842c-.143-.662-.508-1.837-1.048-1.768c-.154.635.566 1.779.932 2.065c-.01.582-.17.751-.186 1.45c.096-.17.122-.26.17-.445c.042-.18.08-.396.095-.582c.704-.021 2.065-.17 2.192-1.112c-.582-.19-1.562.477-2.012.726c.064-.355.35-1.112.54-1.345c.545.138 1.975.042 2.16-.73l-2.07.396l.699-1.286c.762 0 2.33-.233 2.51-.969c-.895-.106-1.35.201-2.065.339z"/><path d="M12.021 3C16.977 3 21 7.098 21 12.148c0 5.093-3.939 7.73-6.697 8.852h-.016c-.667-.847-.424-.688.275-2.398c.509-1.244.424-1.42.615-1.98c.074-.212.217-.37.301-.53c2.42-.031 2.61-.058 2.594-1.058c0-.684-.042-.44.244-.874c-.201-.318-.148-.44-.08-.667c.122-.397-.015-.35-.105-.694c.296-.264.571-.275.752-.677c-.202-.329-.503-.482-.805-.726c-.53-.434-.773-.773-.784-1.048c-.016-.37.323-.63.328-.847c.01-.249-.312-.635-.465-.916l-.477-1.059c-.519-1.28-1.228-1.408-2.716-1.577c-1.207-.143-1.948-.307-2.578-.302c-.794.005-1.419.45-2.594 1.377a8 8 0 0 1-1.684 1.005c-.815.625-1.959 1.589-1.97 2.632c-.015.45-.01.894-.02 1.339c-.027 1.207.868 1.424 1.006 1.726c.105.222.042.455.185.773c.217.476.19.201.503.455c.275.212.397.9.587 1.234c.382.667 1.89 1.016 2.182 1.25c-.048.82-.89 2.249-1.483 2.953A9.17 9.17 0 0 1 3 12.138C3.037 7.098 7.06 3 12.021 3"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMetis(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#00d8c1"><path d="M11.815 12.816c.185-.339.503-.704.789-1.07c.773.011 1.297.043 2.043-.354c.265-.138.334-.127.413-.434c-.92 0-1.122.106-1.874.286c.492-.71 2.403-1.165 2.52-2.065c-.662.148-.9.26-1.355.603l-1.086.88c.048-.297.255-.615.371-.88c.17-.397.122-.545.233-.958c-.323.032-.487.387-.688.673c-.884 1.323-.55 2.398-1.53 2.975c.063-.657.323-1.398.127-2.134c-.556-.053-.62 1.202-.62 1.917c0 1.646.027.847-.54 2.022c-.042-.455-.005-1.509-.132-1.826c-.154-.397-.037-.26-.36-.265c-.233.434-.08 1.646.021 2.134c.08.412.185.571.08.915c-.048.149-.254.683-.334.842c-.143-.662-.508-1.837-1.048-1.768c-.154.635.566 1.779.932 2.065c-.01.582-.17.751-.186 1.45c.096-.17.122-.26.17-.445c.042-.18.08-.396.095-.582c.704-.021 2.065-.17 2.192-1.112c-.582-.19-1.562.477-2.012.726c.064-.355.35-1.112.54-1.345c.545.138 1.975.042 2.16-.73l-2.07.396l.699-1.286c.762 0 2.33-.233 2.51-.969c-.895-.106-1.35.201-2.065.339z"/><path d="M12.021 3C16.977 3 21 7.098 21 12.148c0 5.093-3.939 7.73-6.697 8.852h-.016c-.667-.847-.424-.688.275-2.398c.509-1.244.424-1.42.615-1.98c.074-.212.217-.37.301-.53c2.42-.031 2.61-.058 2.594-1.058c0-.684-.042-.44.244-.874c-.201-.318-.148-.44-.08-.667c.122-.397-.015-.35-.105-.694c.296-.264.571-.275.752-.677c-.202-.329-.503-.482-.805-.726c-.53-.434-.773-.773-.784-1.048c-.016-.37.323-.63.328-.847c.01-.249-.312-.635-.465-.916l-.477-1.059c-.519-1.28-1.228-1.408-2.716-1.577c-1.207-.143-1.948-.307-2.578-.302c-.794.005-1.419.45-2.594 1.377a8 8 0 0 1-1.684 1.005c-.815.625-1.959 1.589-1.97 2.632c-.015.45-.01.894-.02 1.339c-.027 1.207.868 1.424 1.006 1.726c.105.222.042.455.185.773c.217.476.19.201.503.455c.275.212.397.9.587 1.234c.382.667 1.89 1.016 2.182 1.25c-.048.82-.89 2.249-1.483 2.953A9.17 9.17 0 0 1 3 12.138C3.037 7.098 7.06 3 12.021 3"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="#00d8c1"><path d="M11.815 12.816c.185-.339.503-.704.789-1.07c.773.011 1.297.043 2.043-.354c.265-.138.334-.127.413-.434c-.92 0-1.122.106-1.874.286c.492-.71 2.403-1.165 2.52-2.065c-.662.148-.9.26-1.355.603l-1.086.88c.048-.297.255-.615.371-.88c.17-.397.122-.545.233-.958c-.323.032-.487.387-.688.673c-.884 1.323-.55 2.398-1.53 2.975c.063-.657.323-1.398.127-2.134c-.556-.053-.62 1.202-.62 1.917c0 1.646.027.847-.54 2.022c-.042-.455-.005-1.509-.132-1.826c-.154-.397-.037-.26-.36-.265c-.233.434-.08 1.646.021 2.134c.08.412.185.571.08.915c-.048.149-.254.683-.334.842c-.143-.662-.508-1.837-1.048-1.768c-.154.635.566 1.779.932 2.065c-.01.582-.17.751-.186 1.45c.096-.17.122-.26.17-.445c.042-.18.08-.396.095-.582c.704-.021 2.065-.17 2.192-1.112c-.582-.19-1.562.477-2.012.726c.064-.355.35-1.112.54-1.345c.545.138 1.975.042 2.16-.73l-2.07.396l.699-1.286c.762 0 2.33-.233 2.51-.969c-.895-.106-1.35.201-2.065.339z"/><path d="M12.021 3C16.977 3 21 7.098 21 12.148c0 5.093-3.939 7.73-6.697 8.852h-.016c-.667-.847-.424-.688.275-2.398c.509-1.244.424-1.42.615-1.98c.074-.212.217-.37.301-.53c2.42-.031 2.61-.058 2.594-1.058c0-.684-.042-.44.244-.874c-.201-.318-.148-.44-.08-.667c.122-.397-.015-.35-.105-.694c.296-.264.571-.275.752-.677c-.202-.329-.503-.482-.805-.726c-.53-.434-.773-.773-.784-1.048c-.016-.37.323-.63.328-.847c.01-.249-.312-.635-.465-.916l-.477-1.059c-.519-1.28-1.228-1.408-2.716-1.577c-1.207-.143-1.948-.307-2.578-.302c-.794.005-1.419.45-2.594 1.377a8 8 0 0 1-1.684 1.005c-.815.625-1.959 1.589-1.97 2.632c-.015.45-.01.894-.02 1.339c-.027 1.207.868 1.424 1.006 1.726c.105.222.042.455.185.773c.217.476.19.201.503.455c.275.212.397.9.587 1.234c.382.667 1.89 1.016 2.182 1.25c-.048.82-.89 2.249-1.483 2.953A9.17 9.17 0 0 1 3 12.138C3.037 7.098 7.06 3 12.021 3"/></g></svg> </template>
CSS
.icon-metis {
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%22%2300d8c1%22%3E%3Cpath%20d%3D%22M11.815%2012.816c.185-.339.503-.704.789-1.07c.773.011%201.297.043%202.043-.354c.265-.138.334-.127.413-.434c-.92%200-1.122.106-1.874.286c.492-.71%202.403-1.165%202.52-2.065c-.662.148-.9.26-1.355.603l-1.086.88c.048-.297.255-.615.371-.88c.17-.397.122-.545.233-.958c-.323.032-.487.387-.688.673c-.884%201.323-.55%202.398-1.53%202.975c.063-.657.323-1.398.127-2.134c-.556-.053-.62%201.202-.62%201.917c0%201.646.027.847-.54%202.022c-.042-.455-.005-1.509-.132-1.826c-.154-.397-.037-.26-.36-.265c-.233.434-.08%201.646.021%202.134c.08.412.185.571.08.915c-.048.149-.254.683-.334.842c-.143-.662-.508-1.837-1.048-1.768c-.154.635.566%201.779.932%202.065c-.01.582-.17.751-.186%201.45c.096-.17.122-.26.17-.445c.042-.18.08-.396.095-.582c.704-.021%202.065-.17%202.192-1.112c-.582-.19-1.562.477-2.012.726c.064-.355.35-1.112.54-1.345c.545.138%201.975.042%202.16-.73l-2.07.396l.699-1.286c.762%200%202.33-.233%202.51-.969c-.895-.106-1.35.201-2.065.339z%22%2F%3E%3Cpath%20d%3D%22M12.021%203C16.977%203%2021%207.098%2021%2012.148c0%205.093-3.939%207.73-6.697%208.852h-.016c-.667-.847-.424-.688.275-2.398c.509-1.244.424-1.42.615-1.98c.074-.212.217-.37.301-.53c2.42-.031%202.61-.058%202.594-1.058c0-.684-.042-.44.244-.874c-.201-.318-.148-.44-.08-.667c.122-.397-.015-.35-.105-.694c.296-.264.571-.275.752-.677c-.202-.329-.503-.482-.805-.726c-.53-.434-.773-.773-.784-1.048c-.016-.37.323-.63.328-.847c.01-.249-.312-.635-.465-.916l-.477-1.059c-.519-1.28-1.228-1.408-2.716-1.577c-1.207-.143-1.948-.307-2.578-.302c-.794.005-1.419.45-2.594%201.377a8%208%200%200%201-1.684%201.005c-.815.625-1.959%201.589-1.97%202.632c-.015.45-.01.894-.02%201.339c-.027%201.207.868%201.424%201.006%201.726c.105.222.042.455.185.773c.217.476.19.201.503.455c.275.212.397.9.587%201.234c.382.667%201.89%201.016%202.182%201.25c-.048.82-.89%202.249-1.483%202.953A9.17%209.17%200%200%201%203%2012.138C3.037%207.098%207.06%203%2012.021%203%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%22%2300d8c1%22%3E%3Cpath%20d%3D%22M11.815%2012.816c.185-.339.503-.704.789-1.07c.773.011%201.297.043%202.043-.354c.265-.138.334-.127.413-.434c-.92%200-1.122.106-1.874.286c.492-.71%202.403-1.165%202.52-2.065c-.662.148-.9.26-1.355.603l-1.086.88c.048-.297.255-.615.371-.88c.17-.397.122-.545.233-.958c-.323.032-.487.387-.688.673c-.884%201.323-.55%202.398-1.53%202.975c.063-.657.323-1.398.127-2.134c-.556-.053-.62%201.202-.62%201.917c0%201.646.027.847-.54%202.022c-.042-.455-.005-1.509-.132-1.826c-.154-.397-.037-.26-.36-.265c-.233.434-.08%201.646.021%202.134c.08.412.185.571.08.915c-.048.149-.254.683-.334.842c-.143-.662-.508-1.837-1.048-1.768c-.154.635.566%201.779.932%202.065c-.01.582-.17.751-.186%201.45c.096-.17.122-.26.17-.445c.042-.18.08-.396.095-.582c.704-.021%202.065-.17%202.192-1.112c-.582-.19-1.562.477-2.012.726c.064-.355.35-1.112.54-1.345c.545.138%201.975.042%202.16-.73l-2.07.396l.699-1.286c.762%200%202.33-.233%202.51-.969c-.895-.106-1.35.201-2.065.339z%22%2F%3E%3Cpath%20d%3D%22M12.021%203C16.977%203%2021%207.098%2021%2012.148c0%205.093-3.939%207.73-6.697%208.852h-.016c-.667-.847-.424-.688.275-2.398c.509-1.244.424-1.42.615-1.98c.074-.212.217-.37.301-.53c2.42-.031%202.61-.058%202.594-1.058c0-.684-.042-.44.244-.874c-.201-.318-.148-.44-.08-.667c.122-.397-.015-.35-.105-.694c.296-.264.571-.275.752-.677c-.202-.329-.503-.482-.805-.726c-.53-.434-.773-.773-.784-1.048c-.016-.37.323-.63.328-.847c.01-.249-.312-.635-.465-.916l-.477-1.059c-.519-1.28-1.228-1.408-2.716-1.577c-1.207-.143-1.948-.307-2.578-.302c-.794.005-1.419.45-2.594%201.377a8%208%200%200%201-1.684%201.005c-.815.625-1.959%201.589-1.97%202.632c-.015.45-.01.894-.02%201.339c-.027%201.207.868%201.424%201.006%201.726c.105.222.042.455.185.773c.217.476.19.201.503.455c.275.212.397.9.587%201.234c.382.667%201.89%201.016%202.182%201.25c-.048.82-.89%202.249-1.483%202.953A9.17%209.17%200%200%201%203%2012.138C3.037%207.098%207.06%203%2012.021%203%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/metis.svg?color=%231a73e8&size=48
