mobi logo
mobi-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- mobi-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
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"><g clip-path="url(#SVGHcSWxdhd17)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGtbHgue2z)" d="M7.253 8.8c-2.47.051-3.169 2.01-3.224 2.982l.403.123c1.227-1.673 3.026-.936 3.823-.485c1.022.577 3.442 1.938 4.947 2.766s3.066 1.021 3.659 1.014c2.387-.101 2.97-2.204 3.107-3.19l-.327-.231c-.802 1.858-3.06 1.21-4.088.654c-1.05-.598-3.492-1.977-4.866-2.703c-1.373-.727-2.862-.923-3.434-.93"/><path fill="url(#SVG2XTBVb1E)" d="M19.752 12.854c-.292-1.569-1.956-1.961-2.75-1.961c-.696-.04-1.965.055-3.22.525l-.995-.55c1.638-1.522 3.455-1.849 4.214-1.81c3.344.216 3.227 2.62 2.751 3.796"/><path fill="url(#SVGblTbxdtN)" d="M7.022 14.978c-3.204-.086-3.239-2.579-2.856-3.814c.46 1.583 2.096 2.003 2.856 2.015a10 10 0 0 0 3.151-.668l1.095.61c-1.582 1.503-3.466 1.869-4.246 1.857"/></g><defs><linearGradient id="SVGtbHgue2z" x1="3.974" x2="20.008" y1="11.299" y2="12.71" gradientUnits="userSpaceOnUse"><stop stop-color="#d1e8f7"/><stop offset=".516" stop-color="#eef3fc"/><stop offset="1" stop-color="#d9dcf8"/></linearGradient><linearGradient id="SVG2XTBVb1E" x1="4.827" x2="19.899" y1="12.304" y2="14.306" gradientUnits="userSpaceOnUse"><stop stop-color="#99b8ed"/><stop offset="1" stop-color="#f0f2fc"/></linearGradient><linearGradient id="SVGblTbxdtN" x1="4" x2="10.617" y1="11.639" y2="12.984" gradientUnits="userSpaceOnUse"><stop stop-color="#fcfeff"/><stop offset="1" stop-color="#95b7ec"/></linearGradient><clipPath id="SVGHcSWxdhd17"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedMobiBackground(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(#SVGHcSWxdhd17)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGtbHgue2z)" d="M7.253 8.8c-2.47.051-3.169 2.01-3.224 2.982l.403.123c1.227-1.673 3.026-.936 3.823-.485c1.022.577 3.442 1.938 4.947 2.766s3.066 1.021 3.659 1.014c2.387-.101 2.97-2.204 3.107-3.19l-.327-.231c-.802 1.858-3.06 1.21-4.088.654c-1.05-.598-3.492-1.977-4.866-2.703c-1.373-.727-2.862-.923-3.434-.93"/><path fill="url(#SVG2XTBVb1E)" d="M19.752 12.854c-.292-1.569-1.956-1.961-2.75-1.961c-.696-.04-1.965.055-3.22.525l-.995-.55c1.638-1.522 3.455-1.849 4.214-1.81c3.344.216 3.227 2.62 2.751 3.796"/><path fill="url(#SVGblTbxdtN)" d="M7.022 14.978c-3.204-.086-3.239-2.579-2.856-3.814c.46 1.583 2.096 2.003 2.856 2.015a10 10 0 0 0 3.151-.668l1.095.61c-1.582 1.503-3.466 1.869-4.246 1.857"/></g><defs><linearGradient id="SVGtbHgue2z" x1="3.974" x2="20.008" y1="11.299" y2="12.71" gradientUnits="userSpaceOnUse"><stop stopColor="#d1e8f7"/><stop offset=".516" stopColor="#eef3fc"/><stop offset="1" stopColor="#d9dcf8"/></linearGradient><linearGradient id="SVG2XTBVb1E" x1="4.827" x2="19.899" y1="12.304" y2="14.306" gradientUnits="userSpaceOnUse"><stop stopColor="#99b8ed"/><stop offset="1" stopColor="#f0f2fc"/></linearGradient><linearGradient id="SVGblTbxdtN" x1="4" x2="10.617" y1="11.639" y2="12.984" gradientUnits="userSpaceOnUse"><stop stopColor="#fcfeff"/><stop offset="1" stopColor="#95b7ec"/></linearGradient><clipPath id="SVGHcSWxdhd17"><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(#SVGHcSWxdhd17)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGtbHgue2z)" d="M7.253 8.8c-2.47.051-3.169 2.01-3.224 2.982l.403.123c1.227-1.673 3.026-.936 3.823-.485c1.022.577 3.442 1.938 4.947 2.766s3.066 1.021 3.659 1.014c2.387-.101 2.97-2.204 3.107-3.19l-.327-.231c-.802 1.858-3.06 1.21-4.088.654c-1.05-.598-3.492-1.977-4.866-2.703c-1.373-.727-2.862-.923-3.434-.93"/><path fill="url(#SVG2XTBVb1E)" d="M19.752 12.854c-.292-1.569-1.956-1.961-2.75-1.961c-.696-.04-1.965.055-3.22.525l-.995-.55c1.638-1.522 3.455-1.849 4.214-1.81c3.344.216 3.227 2.62 2.751 3.796"/><path fill="url(#SVGblTbxdtN)" d="M7.022 14.978c-3.204-.086-3.239-2.579-2.856-3.814c.46 1.583 2.096 2.003 2.856 2.015a10 10 0 0 0 3.151-.668l1.095.61c-1.582 1.503-3.466 1.869-4.246 1.857"/></g><defs><linearGradient id="SVGtbHgue2z" x1="3.974" x2="20.008" y1="11.299" y2="12.71" gradientUnits="userSpaceOnUse"><stop stop-color="#d1e8f7"/><stop offset=".516" stop-color="#eef3fc"/><stop offset="1" stop-color="#d9dcf8"/></linearGradient><linearGradient id="SVG2XTBVb1E" x1="4.827" x2="19.899" y1="12.304" y2="14.306" gradientUnits="userSpaceOnUse"><stop stop-color="#99b8ed"/><stop offset="1" stop-color="#f0f2fc"/></linearGradient><linearGradient id="SVGblTbxdtN" x1="4" x2="10.617" y1="11.639" y2="12.984" gradientUnits="userSpaceOnUse"><stop stop-color="#fcfeff"/><stop offset="1" stop-color="#95b7ec"/></linearGradient><clipPath id="SVGHcSWxdhd17"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-mobi-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(%23SVGHcSWxdhd17)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtbHgue2z)%22%20d%3D%22M7.253%208.8c-2.47.051-3.169%202.01-3.224%202.982l.403.123c1.227-1.673%203.026-.936%203.823-.485c1.022.577%203.442%201.938%204.947%202.766s3.066%201.021%203.659%201.014c2.387-.101%202.97-2.204%203.107-3.19l-.327-.231c-.802%201.858-3.06%201.21-4.088.654c-1.05-.598-3.492-1.977-4.866-2.703c-1.373-.727-2.862-.923-3.434-.93%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2XTBVb1E)%22%20d%3D%22M19.752%2012.854c-.292-1.569-1.956-1.961-2.75-1.961c-.696-.04-1.965.055-3.22.525l-.995-.55c1.638-1.522%203.455-1.849%204.214-1.81c3.344.216%203.227%202.62%202.751%203.796%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGblTbxdtN)%22%20d%3D%22M7.022%2014.978c-3.204-.086-3.239-2.579-2.856-3.814c.46%201.583%202.096%202.003%202.856%202.015a10%2010%200%200%200%203.151-.668l1.095.61c-1.582%201.503-3.466%201.869-4.246%201.857%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtbHgue2z%22%20x1%3D%223.974%22%20x2%3D%2220.008%22%20y1%3D%2211.299%22%20y2%3D%2212.71%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%22SVG2XTBVb1E%22%20x1%3D%224.827%22%20x2%3D%2219.899%22%20y1%3D%2212.304%22%20y2%3D%2214.306%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%22SVGblTbxdtN%22%20x1%3D%224%22%20x2%3D%2210.617%22%20y1%3D%2211.639%22%20y2%3D%2212.984%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%3CclipPath%20id%3D%22SVGHcSWxdhd17%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(%23SVGHcSWxdhd17)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGtbHgue2z)%22%20d%3D%22M7.253%208.8c-2.47.051-3.169%202.01-3.224%202.982l.403.123c1.227-1.673%203.026-.936%203.823-.485c1.022.577%203.442%201.938%204.947%202.766s3.066%201.021%203.659%201.014c2.387-.101%202.97-2.204%203.107-3.19l-.327-.231c-.802%201.858-3.06%201.21-4.088.654c-1.05-.598-3.492-1.977-4.866-2.703c-1.373-.727-2.862-.923-3.434-.93%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG2XTBVb1E)%22%20d%3D%22M19.752%2012.854c-.292-1.569-1.956-1.961-2.75-1.961c-.696-.04-1.965.055-3.22.525l-.995-.55c1.638-1.522%203.455-1.849%204.214-1.81c3.344.216%203.227%202.62%202.751%203.796%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGblTbxdtN)%22%20d%3D%22M7.022%2014.978c-3.204-.086-3.239-2.579-2.856-3.814c.46%201.583%202.096%202.003%202.856%202.015a10%2010%200%200%200%203.151-.668l1.095.61c-1.582%201.503-3.466%201.869-4.246%201.857%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGtbHgue2z%22%20x1%3D%223.974%22%20x2%3D%2220.008%22%20y1%3D%2211.299%22%20y2%3D%2212.71%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%22SVG2XTBVb1E%22%20x1%3D%224.827%22%20x2%3D%2219.899%22%20y1%3D%2212.304%22%20y2%3D%2214.306%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%22SVGblTbxdtN%22%20x1%3D%224%22%20x2%3D%2210.617%22%20y1%3D%2211.639%22%20y2%3D%2212.984%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%3CclipPath%20id%3D%22SVGHcSWxdhd17%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/mobi-background.svg?color=%231a73e8&size=48
