injective logo
injective-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- injective-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 injective 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(#SVGHcSWxdhd25)"><path fill="#4d3dff" d="M24 0H0v24h24z"/><path fill="#fff" d="m13.68 4l-.048.098c1.664.737 2.608 2.26 2.608 3.93c0 1.802-1.152 3.44-3.392 4.832l-.368.23c-1.68 1.047-2.528 2.226-2.528 3.651c0 1.834 1.408 3.177 3.344 3.177c3.104 0 6.704-3.39 6.704-7.91c0-.737-.096-1.457-.272-2.145l-.112.033c.048.376.064.655.064.917c0 2.67-1.472 4.962-3.936 6.485l-.24.147c-.528.311-.976.492-1.424.492c-.592 0-1.04-.393-1.04-.967c0-.491.32-.982 1.36-1.605l.304-.18c2.304-1.375 3.584-3.308 3.584-5.453c0-2.719-1.984-4.962-4.608-5.732m-3.36 16l.048-.098c-1.664-.737-2.608-2.26-2.608-3.93c0-1.802 1.152-3.44 3.392-4.832l.368-.229c1.68-1.048 2.528-2.227 2.528-3.652c0-1.834-1.408-3.177-3.344-3.177C7.6 4.082 4 7.472 4 11.992c0 .737.096 1.457.272 2.145l.112-.033a7 7 0 0 1-.064-.917c0-2.67 1.472-4.962 3.936-6.485l.24-.147c.528-.311.976-.492 1.424-.492c.592 0 1.04.394 1.04.967c0 .491-.32.982-1.36 1.605l-.304.18c-2.304 1.375-3.584 3.308-3.584 5.453c0 2.719 1.984 4.962 4.608 5.732"/></g><defs><clipPath id="SVGHcSWxdhd25"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedInjectiveBackground(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(#SVGHcSWxdhd25)"><path fill="#4d3dff" d="M24 0H0v24h24z"/><path fill="#fff" d="m13.68 4l-.048.098c1.664.737 2.608 2.26 2.608 3.93c0 1.802-1.152 3.44-3.392 4.832l-.368.23c-1.68 1.047-2.528 2.226-2.528 3.651c0 1.834 1.408 3.177 3.344 3.177c3.104 0 6.704-3.39 6.704-7.91c0-.737-.096-1.457-.272-2.145l-.112.033c.048.376.064.655.064.917c0 2.67-1.472 4.962-3.936 6.485l-.24.147c-.528.311-.976.492-1.424.492c-.592 0-1.04-.393-1.04-.967c0-.491.32-.982 1.36-1.605l.304-.18c2.304-1.375 3.584-3.308 3.584-5.453c0-2.719-1.984-4.962-4.608-5.732m-3.36 16l.048-.098c-1.664-.737-2.608-2.26-2.608-3.93c0-1.802 1.152-3.44 3.392-4.832l.368-.229c1.68-1.048 2.528-2.227 2.528-3.652c0-1.834-1.408-3.177-3.344-3.177C7.6 4.082 4 7.472 4 11.992c0 .737.096 1.457.272 2.145l.112-.033a7 7 0 0 1-.064-.917c0-2.67 1.472-4.962 3.936-6.485l.24-.147c.528-.311.976-.492 1.424-.492c.592 0 1.04.394 1.04.967c0 .491-.32.982-1.36 1.605l-.304.18c-2.304 1.375-3.584 3.308-3.584 5.453c0 2.719 1.984 4.962 4.608 5.732"/></g><defs><clipPath id="SVGHcSWxdhd25"><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(#SVGHcSWxdhd25)"><path fill="#4d3dff" d="M24 0H0v24h24z"/><path fill="#fff" d="m13.68 4l-.048.098c1.664.737 2.608 2.26 2.608 3.93c0 1.802-1.152 3.44-3.392 4.832l-.368.23c-1.68 1.047-2.528 2.226-2.528 3.651c0 1.834 1.408 3.177 3.344 3.177c3.104 0 6.704-3.39 6.704-7.91c0-.737-.096-1.457-.272-2.145l-.112.033c.048.376.064.655.064.917c0 2.67-1.472 4.962-3.936 6.485l-.24.147c-.528.311-.976.492-1.424.492c-.592 0-1.04-.393-1.04-.967c0-.491.32-.982 1.36-1.605l.304-.18c2.304-1.375 3.584-3.308 3.584-5.453c0-2.719-1.984-4.962-4.608-5.732m-3.36 16l.048-.098c-1.664-.737-2.608-2.26-2.608-3.93c0-1.802 1.152-3.44 3.392-4.832l.368-.229c1.68-1.048 2.528-2.227 2.528-3.652c0-1.834-1.408-3.177-3.344-3.177C7.6 4.082 4 7.472 4 11.992c0 .737.096 1.457.272 2.145l.112-.033a7 7 0 0 1-.064-.917c0-2.67 1.472-4.962 3.936-6.485l.24-.147c.528-.311.976-.492 1.424-.492c.592 0 1.04.394 1.04.967c0 .491-.32.982-1.36 1.605l-.304.18c-2.304 1.375-3.584 3.308-3.584 5.453c0 2.719 1.984 4.962 4.608 5.732"/></g><defs><clipPath id="SVGHcSWxdhd25"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-injective-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(%23SVGHcSWxdhd25)%22%3E%3Cpath%20fill%3D%22%234d3dff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m13.68%204l-.048.098c1.664.737%202.608%202.26%202.608%203.93c0%201.802-1.152%203.44-3.392%204.832l-.368.23c-1.68%201.047-2.528%202.226-2.528%203.651c0%201.834%201.408%203.177%203.344%203.177c3.104%200%206.704-3.39%206.704-7.91c0-.737-.096-1.457-.272-2.145l-.112.033c.048.376.064.655.064.917c0%202.67-1.472%204.962-3.936%206.485l-.24.147c-.528.311-.976.492-1.424.492c-.592%200-1.04-.393-1.04-.967c0-.491.32-.982%201.36-1.605l.304-.18c2.304-1.375%203.584-3.308%203.584-5.453c0-2.719-1.984-4.962-4.608-5.732m-3.36%2016l.048-.098c-1.664-.737-2.608-2.26-2.608-3.93c0-1.802%201.152-3.44%203.392-4.832l.368-.229c1.68-1.048%202.528-2.227%202.528-3.652c0-1.834-1.408-3.177-3.344-3.177C7.6%204.082%204%207.472%204%2011.992c0%20.737.096%201.457.272%202.145l.112-.033a7%207%200%200%201-.064-.917c0-2.67%201.472-4.962%203.936-6.485l.24-.147c.528-.311.976-.492%201.424-.492c.592%200%201.04.394%201.04.967c0%20.491-.32.982-1.36%201.605l-.304.18c-2.304%201.375-3.584%203.308-3.584%205.453c0%202.719%201.984%204.962%204.608%205.732%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd25%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(%23SVGHcSWxdhd25)%22%3E%3Cpath%20fill%3D%22%234d3dff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m13.68%204l-.048.098c1.664.737%202.608%202.26%202.608%203.93c0%201.802-1.152%203.44-3.392%204.832l-.368.23c-1.68%201.047-2.528%202.226-2.528%203.651c0%201.834%201.408%203.177%203.344%203.177c3.104%200%206.704-3.39%206.704-7.91c0-.737-.096-1.457-.272-2.145l-.112.033c.048.376.064.655.064.917c0%202.67-1.472%204.962-3.936%206.485l-.24.147c-.528.311-.976.492-1.424.492c-.592%200-1.04-.393-1.04-.967c0-.491.32-.982%201.36-1.605l.304-.18c2.304-1.375%203.584-3.308%203.584-5.453c0-2.719-1.984-4.962-4.608-5.732m-3.36%2016l.048-.098c-1.664-.737-2.608-2.26-2.608-3.93c0-1.802%201.152-3.44%203.392-4.832l.368-.229c1.68-1.048%202.528-2.227%202.528-3.652c0-1.834-1.408-3.177-3.344-3.177C7.6%204.082%204%207.472%204%2011.992c0%20.737.096%201.457.272%202.145l.112-.033a7%207%200%200%201-.064-.917c0-2.67%201.472-4.962%203.936-6.485l.24-.147c.528-.311.976-.492%201.424-.492c.592%200%201.04.394%201.04.967c0%20.491-.32.982-1.36%201.605l-.304.18c-2.304%201.375-3.584%203.308-3.584%205.453c0%202.719%201.984%204.962%204.608%205.732%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd25%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/injective-background.svg?color=%231a73e8&size=48
