imtoken logo
imtoken-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- imtoken-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 imtoken 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(#SVGHcSWxdhd204)"><path fill="url(#SVGbdMipwwy)" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.958 6.784c.528 7.08-4.066 10.428-8.184 10.785c-3.829.332-7.433-2-7.75-5.581c-.26-2.96 1.586-4.219 3.036-4.344c1.491-.13 2.745.89 2.854 2.123c.104 1.187-.643 1.726-1.162 1.771c-.411.036-.928-.211-.975-.742c-.04-.456.135-.518.092-1.002c-.076-.863-.835-.963-1.25-.928c-.504.044-1.416.626-1.288 2.074c.129 1.462 1.543 2.616 3.397 2.456c2-.174 3.393-1.717 3.497-3.881q0-.174.072-.333V9.18a1 1 0 0 1 .076-.13q.063-.096.168-.21q.001-.004.002-.003q.077-.086.183-.186c.874-.817 4.021-2.744 6.998-2.134a.3.3 0 0 1 .234.267"/></g><defs><linearGradient id="SVGbdMipwwy" x1="18.35" x2="6.424" y1="9.072" y2="15.899" gradientUnits="userSpaceOnUse"><stop stop-color="#0cc5ff"/><stop offset="1" stop-color="#007fff"/></linearGradient><clipPath id="SVGHcSWxdhd204"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedImtokenBackground(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(#SVGHcSWxdhd204)"><path fill="url(#SVGbdMipwwy)" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.958 6.784c.528 7.08-4.066 10.428-8.184 10.785c-3.829.332-7.433-2-7.75-5.581c-.26-2.96 1.586-4.219 3.036-4.344c1.491-.13 2.745.89 2.854 2.123c.104 1.187-.643 1.726-1.162 1.771c-.411.036-.928-.211-.975-.742c-.04-.456.135-.518.092-1.002c-.076-.863-.835-.963-1.25-.928c-.504.044-1.416.626-1.288 2.074c.129 1.462 1.543 2.616 3.397 2.456c2-.174 3.393-1.717 3.497-3.881q0-.174.072-.333V9.18a1 1 0 0 1 .076-.13q.063-.096.168-.21q.001-.004.002-.003q.077-.086.183-.186c.874-.817 4.021-2.744 6.998-2.134a.3.3 0 0 1 .234.267"/></g><defs><linearGradient id="SVGbdMipwwy" x1="18.35" x2="6.424" y1="9.072" y2="15.899" gradientUnits="userSpaceOnUse"><stop stopColor="#0cc5ff"/><stop offset="1" stopColor="#007fff"/></linearGradient><clipPath id="SVGHcSWxdhd204"><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(#SVGHcSWxdhd204)"><path fill="url(#SVGbdMipwwy)" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.958 6.784c.528 7.08-4.066 10.428-8.184 10.785c-3.829.332-7.433-2-7.75-5.581c-.26-2.96 1.586-4.219 3.036-4.344c1.491-.13 2.745.89 2.854 2.123c.104 1.187-.643 1.726-1.162 1.771c-.411.036-.928-.211-.975-.742c-.04-.456.135-.518.092-1.002c-.076-.863-.835-.963-1.25-.928c-.504.044-1.416.626-1.288 2.074c.129 1.462 1.543 2.616 3.397 2.456c2-.174 3.393-1.717 3.497-3.881q0-.174.072-.333V9.18a1 1 0 0 1 .076-.13q.063-.096.168-.21q.001-.004.002-.003q.077-.086.183-.186c.874-.817 4.021-2.744 6.998-2.134a.3.3 0 0 1 .234.267"/></g><defs><linearGradient id="SVGbdMipwwy" x1="18.35" x2="6.424" y1="9.072" y2="15.899" gradientUnits="userSpaceOnUse"><stop stop-color="#0cc5ff"/><stop offset="1" stop-color="#007fff"/></linearGradient><clipPath id="SVGHcSWxdhd204"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-imtoken-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(%23SVGHcSWxdhd204)%22%3E%3Cpath%20fill%3D%22url(%23SVGbdMipwwy)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.958%206.784c.528%207.08-4.066%2010.428-8.184%2010.785c-3.829.332-7.433-2-7.75-5.581c-.26-2.96%201.586-4.219%203.036-4.344c1.491-.13%202.745.89%202.854%202.123c.104%201.187-.643%201.726-1.162%201.771c-.411.036-.928-.211-.975-.742c-.04-.456.135-.518.092-1.002c-.076-.863-.835-.963-1.25-.928c-.504.044-1.416.626-1.288%202.074c.129%201.462%201.543%202.616%203.397%202.456c2-.174%203.393-1.717%203.497-3.881q0-.174.072-.333V9.18a1%201%200%200%201%20.076-.13q.063-.096.168-.21q.001-.004.002-.003q.077-.086.183-.186c.874-.817%204.021-2.744%206.998-2.134a.3.3%200%200%201%20.234.267%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGbdMipwwy%22%20x1%3D%2218.35%22%20x2%3D%226.424%22%20y1%3D%229.072%22%20y2%3D%2215.899%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230cc5ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23007fff%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd204%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(%23SVGHcSWxdhd204)%22%3E%3Cpath%20fill%3D%22url(%23SVGbdMipwwy)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.958%206.784c.528%207.08-4.066%2010.428-8.184%2010.785c-3.829.332-7.433-2-7.75-5.581c-.26-2.96%201.586-4.219%203.036-4.344c1.491-.13%202.745.89%202.854%202.123c.104%201.187-.643%201.726-1.162%201.771c-.411.036-.928-.211-.975-.742c-.04-.456.135-.518.092-1.002c-.076-.863-.835-.963-1.25-.928c-.504.044-1.416.626-1.288%202.074c.129%201.462%201.543%202.616%203.397%202.456c2-.174%203.393-1.717%203.497-3.881q0-.174.072-.333V9.18a1%201%200%200%201%20.076-.13q.063-.096.168-.21q.001-.004.002-.003q.077-.086.183-.186c.874-.817%204.021-2.744%206.998-2.134a.3.3%200%200%201%20.234.267%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGbdMipwwy%22%20x1%3D%2218.35%22%20x2%3D%226.424%22%20y1%3D%229.072%22%20y2%3D%2215.899%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230cc5ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23007fff%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd204%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/imtoken-background.svg?color=%231a73e8&size=48
