mobi logo
mobi from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- mobi
- 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 mobi 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(#SVGrFoJrTKa)" d="M6.66 8.4c-2.778.057-3.565 2.261-3.627 3.354l.453.139c1.38-1.882 3.404-1.053 4.3-.546c1.15.649 3.874 2.18 5.566 3.112s3.45 1.149 4.117 1.14c2.685-.113 3.341-2.479 3.495-3.587l-.368-.261c-.902 2.09-3.442 1.362-4.6.736c-1.18-.673-3.927-2.224-5.473-3.042S7.303 8.408 6.66 8.4"/><path fill="url(#SVG7WQg0dQC)" d="M20.721 12.96c-.328-1.764-2.2-2.206-3.094-2.206c-.783-.045-2.21.063-3.622.59l-1.12-.618c1.843-1.711 3.888-2.08 4.742-2.036c3.76.243 3.63 2.949 3.094 4.27"/><path fill="url(#SVGhsNbnc2d)" d="M6.4 15.35c-3.605-.097-3.644-2.9-3.213-4.29c.517 1.78 2.358 2.253 3.213 2.267a11.3 11.3 0 0 0 3.545-.752l1.231.685c-1.779 1.693-3.898 2.104-4.776 2.09"/><defs><linearGradient id="SVGrFoJrTKa" x1="2.971" x2="21.009" y1="11.211" y2="12.798" gradientUnits="userSpaceOnUse"><stop stop-color="#d1e8f7"/><stop offset=".516" stop-color="#eef3fc"/><stop offset="1" stop-color="#d9dcf8"/></linearGradient><linearGradient id="SVG7WQg0dQC" x1="3.93" x2="20.886" y1="12.342" y2="14.595" gradientUnits="userSpaceOnUse"><stop stop-color="#99b8ed"/><stop offset="1" stop-color="#f0f2fc"/></linearGradient><linearGradient id="SVGhsNbnc2d" x1="3" x2="10.444" y1="11.593" y2="13.107" gradientUnits="userSpaceOnUse"><stop stop-color="#fcfeff"/><stop offset="1" stop-color="#95b7ec"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMobi(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(#SVGrFoJrTKa)" d="M6.66 8.4c-2.778.057-3.565 2.261-3.627 3.354l.453.139c1.38-1.882 3.404-1.053 4.3-.546c1.15.649 3.874 2.18 5.566 3.112s3.45 1.149 4.117 1.14c2.685-.113 3.341-2.479 3.495-3.587l-.368-.261c-.902 2.09-3.442 1.362-4.6.736c-1.18-.673-3.927-2.224-5.473-3.042S7.303 8.408 6.66 8.4"/><path fill="url(#SVG7WQg0dQC)" d="M20.721 12.96c-.328-1.764-2.2-2.206-3.094-2.206c-.783-.045-2.21.063-3.622.59l-1.12-.618c1.843-1.711 3.888-2.08 4.742-2.036c3.76.243 3.63 2.949 3.094 4.27"/><path fill="url(#SVGhsNbnc2d)" d="M6.4 15.35c-3.605-.097-3.644-2.9-3.213-4.29c.517 1.78 2.358 2.253 3.213 2.267a11.3 11.3 0 0 0 3.545-.752l1.231.685c-1.779 1.693-3.898 2.104-4.776 2.09"/><defs><linearGradient id="SVGrFoJrTKa" x1="2.971" x2="21.009" y1="11.211" y2="12.798" gradientUnits="userSpaceOnUse"><stop stopColor="#d1e8f7"/><stop offset=".516" stopColor="#eef3fc"/><stop offset="1" stopColor="#d9dcf8"/></linearGradient><linearGradient id="SVG7WQg0dQC" x1="3.93" x2="20.886" y1="12.342" y2="14.595" gradientUnits="userSpaceOnUse"><stop stopColor="#99b8ed"/><stop offset="1" stopColor="#f0f2fc"/></linearGradient><linearGradient id="SVGhsNbnc2d" x1="3" x2="10.444" y1="11.593" y2="13.107" gradientUnits="userSpaceOnUse"><stop stopColor="#fcfeff"/><stop offset="1" stopColor="#95b7ec"/></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(#SVGrFoJrTKa)" d="M6.66 8.4c-2.778.057-3.565 2.261-3.627 3.354l.453.139c1.38-1.882 3.404-1.053 4.3-.546c1.15.649 3.874 2.18 5.566 3.112s3.45 1.149 4.117 1.14c2.685-.113 3.341-2.479 3.495-3.587l-.368-.261c-.902 2.09-3.442 1.362-4.6.736c-1.18-.673-3.927-2.224-5.473-3.042S7.303 8.408 6.66 8.4"/><path fill="url(#SVG7WQg0dQC)" d="M20.721 12.96c-.328-1.764-2.2-2.206-3.094-2.206c-.783-.045-2.21.063-3.622.59l-1.12-.618c1.843-1.711 3.888-2.08 4.742-2.036c3.76.243 3.63 2.949 3.094 4.27"/><path fill="url(#SVGhsNbnc2d)" d="M6.4 15.35c-3.605-.097-3.644-2.9-3.213-4.29c.517 1.78 2.358 2.253 3.213 2.267a11.3 11.3 0 0 0 3.545-.752l1.231.685c-1.779 1.693-3.898 2.104-4.776 2.09"/><defs><linearGradient id="SVGrFoJrTKa" x1="2.971" x2="21.009" y1="11.211" y2="12.798" gradientUnits="userSpaceOnUse"><stop stop-color="#d1e8f7"/><stop offset=".516" stop-color="#eef3fc"/><stop offset="1" stop-color="#d9dcf8"/></linearGradient><linearGradient id="SVG7WQg0dQC" x1="3.93" x2="20.886" y1="12.342" y2="14.595" gradientUnits="userSpaceOnUse"><stop stop-color="#99b8ed"/><stop offset="1" stop-color="#f0f2fc"/></linearGradient><linearGradient id="SVGhsNbnc2d" x1="3" x2="10.444" y1="11.593" y2="13.107" gradientUnits="userSpaceOnUse"><stop stop-color="#fcfeff"/><stop offset="1" stop-color="#95b7ec"/></linearGradient></defs></g></svg> </template>
CSS
.icon-mobi {
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(%23SVGrFoJrTKa)%22%20d%3D%22M6.66%208.4c-2.778.057-3.565%202.261-3.627%203.354l.453.139c1.38-1.882%203.404-1.053%204.3-.546c1.15.649%203.874%202.18%205.566%203.112s3.45%201.149%204.117%201.14c2.685-.113%203.341-2.479%203.495-3.587l-.368-.261c-.902%202.09-3.442%201.362-4.6.736c-1.18-.673-3.927-2.224-5.473-3.042S7.303%208.408%206.66%208.4%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7WQg0dQC)%22%20d%3D%22M20.721%2012.96c-.328-1.764-2.2-2.206-3.094-2.206c-.783-.045-2.21.063-3.622.59l-1.12-.618c1.843-1.711%203.888-2.08%204.742-2.036c3.76.243%203.63%202.949%203.094%204.27%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhsNbnc2d)%22%20d%3D%22M6.4%2015.35c-3.605-.097-3.644-2.9-3.213-4.29c.517%201.78%202.358%202.253%203.213%202.267a11.3%2011.3%200%200%200%203.545-.752l1.231.685c-1.779%201.693-3.898%202.104-4.776%202.09%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGrFoJrTKa%22%20x1%3D%222.971%22%20x2%3D%2221.009%22%20y1%3D%2211.211%22%20y2%3D%2212.798%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23d1e8f7%22%2F%3E%3Cstop%20offset%3D%22.516%22%20stop-color%3D%22%23eef3fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d9dcf8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG7WQg0dQC%22%20x1%3D%223.93%22%20x2%3D%2220.886%22%20y1%3D%2212.342%22%20y2%3D%2214.595%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2399b8ed%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f0f2fc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhsNbnc2d%22%20x1%3D%223%22%20x2%3D%2210.444%22%20y1%3D%2211.593%22%20y2%3D%2213.107%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fcfeff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2395b7ec%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(%23SVGrFoJrTKa)%22%20d%3D%22M6.66%208.4c-2.778.057-3.565%202.261-3.627%203.354l.453.139c1.38-1.882%203.404-1.053%204.3-.546c1.15.649%203.874%202.18%205.566%203.112s3.45%201.149%204.117%201.14c2.685-.113%203.341-2.479%203.495-3.587l-.368-.261c-.902%202.09-3.442%201.362-4.6.736c-1.18-.673-3.927-2.224-5.473-3.042S7.303%208.408%206.66%208.4%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG7WQg0dQC)%22%20d%3D%22M20.721%2012.96c-.328-1.764-2.2-2.206-3.094-2.206c-.783-.045-2.21.063-3.622.59l-1.12-.618c1.843-1.711%203.888-2.08%204.742-2.036c3.76.243%203.63%202.949%203.094%204.27%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhsNbnc2d)%22%20d%3D%22M6.4%2015.35c-3.605-.097-3.644-2.9-3.213-4.29c.517%201.78%202.358%202.253%203.213%202.267a11.3%2011.3%200%200%200%203.545-.752l1.231.685c-1.779%201.693-3.898%202.104-4.776%202.09%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGrFoJrTKa%22%20x1%3D%222.971%22%20x2%3D%2221.009%22%20y1%3D%2211.211%22%20y2%3D%2212.798%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23d1e8f7%22%2F%3E%3Cstop%20offset%3D%22.516%22%20stop-color%3D%22%23eef3fc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d9dcf8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG7WQg0dQC%22%20x1%3D%223.93%22%20x2%3D%2220.886%22%20y1%3D%2212.342%22%20y2%3D%2214.595%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2399b8ed%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f0f2fc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhsNbnc2d%22%20x1%3D%223%22%20x2%3D%2210.444%22%20y1%3D%2211.593%22%20y2%3D%2213.107%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fcfeff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2395b7ec%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/mobi.svg?color=%231a73e8&size=48
