ethix logo
ethix-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- ethix-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 ethix 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(#SVGHcSWxdhd135)"><path fill="#87f96e" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 4c.25 0 .498.056.725.163l6.08 3.323c.395.216.724.753.724 1.19v6.645a1.5 1.5 0 0 1-.724 1.19l-6.08 3.323c-.4.221-1.05.221-1.45 0l-6.08-3.322c-.395-.217-.725-.753-.725-1.19V8.675a1.5 1.5 0 0 1 .725-1.195l6.08-3.318A1.7 1.7 0 0 1 12 4m5.031 4.493l-4.292-2.41a1.44 1.44 0 0 0-1.482.005l-.066.028l-.485.278l-.423.235l4.781 2.767l.005.01q.255.142.433.376l1.873-.97a1.4 1.4 0 0 0-.344-.32m-3.873 2.066L8.217 7.787l-1.172.654a1.4 1.4 0 0 0-.423.377l5.233 3.011l1.731-.894a1.4 1.4 0 0 0-.428-.376m-2.635.86L6.476 9.068c-.075.17-.123.353-.123.532v4.8a1.36 1.36 0 0 0 .673 1.143l4.203 2.433q.232.115.49.141v-1.58a1.4 1.4 0 0 1-.58-.189h-.01l-2.856-1.68c-.155-.099-.277-.287-.277-.442c0-.15.122-.207.277-.127h.01l.01.009l.013.005l2.165 1.29l.753.423q.234.115.494.14V14.38a1.4 1.4 0 0 1-.555-.174l-.014-.005l-.014-.01l-2.838-1.67l-.01-.005l-.004-.004l-.01-.005c-.136-.085-.244-.254-.244-.39c0-.132.103-.18.244-.114l.015.01l2.899 1.703q.245.128.526.156v-1.789zm2.056 2.27l-.023.009v.004c-.17.094-.362.15-.555.17v-1.789l1.74-.894c.076.18.142.367.142.556v1.303zm5.064-4.071c0-.189-.038-.377-.118-.551l-1.873.965q.085.189.109.395l.004.019v1.953l-3.21 1.802h-.004c-.17.094-.362.15-.55.17v1.585c.193-.018.38-.075.55-.169l3.214-1.812v2.278l1.177-.692a1.36 1.36 0 0 0 .706-1.186v-4.71zm-5.11 6.757l.014-.01l1.336-.804v1.581l-1.336.81c-.17.09-.358.146-.546.164v-1.585a1.4 1.4 0 0 0 .531-.156" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd135"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedEthixBackground(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(#SVGHcSWxdhd135)"><path fill="#87f96e" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M12 4c.25 0 .498.056.725.163l6.08 3.323c.395.216.724.753.724 1.19v6.645a1.5 1.5 0 0 1-.724 1.19l-6.08 3.323c-.4.221-1.05.221-1.45 0l-6.08-3.322c-.395-.217-.725-.753-.725-1.19V8.675a1.5 1.5 0 0 1 .725-1.195l6.08-3.318A1.7 1.7 0 0 1 12 4m5.031 4.493l-4.292-2.41a1.44 1.44 0 0 0-1.482.005l-.066.028l-.485.278l-.423.235l4.781 2.767l.005.01q.255.142.433.376l1.873-.97a1.4 1.4 0 0 0-.344-.32m-3.873 2.066L8.217 7.787l-1.172.654a1.4 1.4 0 0 0-.423.377l5.233 3.011l1.731-.894a1.4 1.4 0 0 0-.428-.376m-2.635.86L6.476 9.068c-.075.17-.123.353-.123.532v4.8a1.36 1.36 0 0 0 .673 1.143l4.203 2.433q.232.115.49.141v-1.58a1.4 1.4 0 0 1-.58-.189h-.01l-2.856-1.68c-.155-.099-.277-.287-.277-.442c0-.15.122-.207.277-.127h.01l.01.009l.013.005l2.165 1.29l.753.423q.234.115.494.14V14.38a1.4 1.4 0 0 1-.555-.174l-.014-.005l-.014-.01l-2.838-1.67l-.01-.005l-.004-.004l-.01-.005c-.136-.085-.244-.254-.244-.39c0-.132.103-.18.244-.114l.015.01l2.899 1.703q.245.128.526.156v-1.789zm2.056 2.27l-.023.009v.004c-.17.094-.362.15-.555.17v-1.789l1.74-.894c.076.18.142.367.142.556v1.303zm5.064-4.071c0-.189-.038-.377-.118-.551l-1.873.965q.085.189.109.395l.004.019v1.953l-3.21 1.802h-.004c-.17.094-.362.15-.55.17v1.585c.193-.018.38-.075.55-.169l3.214-1.812v2.278l1.177-.692a1.36 1.36 0 0 0 .706-1.186v-4.71zm-5.11 6.757l.014-.01l1.336-.804v1.581l-1.336.81c-.17.09-.358.146-.546.164v-1.585a1.4 1.4 0 0 0 .531-.156" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd135"><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(#SVGHcSWxdhd135)"><path fill="#87f96e" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M12 4c.25 0 .498.056.725.163l6.08 3.323c.395.216.724.753.724 1.19v6.645a1.5 1.5 0 0 1-.724 1.19l-6.08 3.323c-.4.221-1.05.221-1.45 0l-6.08-3.322c-.395-.217-.725-.753-.725-1.19V8.675a1.5 1.5 0 0 1 .725-1.195l6.08-3.318A1.7 1.7 0 0 1 12 4m5.031 4.493l-4.292-2.41a1.44 1.44 0 0 0-1.482.005l-.066.028l-.485.278l-.423.235l4.781 2.767l.005.01q.255.142.433.376l1.873-.97a1.4 1.4 0 0 0-.344-.32m-3.873 2.066L8.217 7.787l-1.172.654a1.4 1.4 0 0 0-.423.377l5.233 3.011l1.731-.894a1.4 1.4 0 0 0-.428-.376m-2.635.86L6.476 9.068c-.075.17-.123.353-.123.532v4.8a1.36 1.36 0 0 0 .673 1.143l4.203 2.433q.232.115.49.141v-1.58a1.4 1.4 0 0 1-.58-.189h-.01l-2.856-1.68c-.155-.099-.277-.287-.277-.442c0-.15.122-.207.277-.127h.01l.01.009l.013.005l2.165 1.29l.753.423q.234.115.494.14V14.38a1.4 1.4 0 0 1-.555-.174l-.014-.005l-.014-.01l-2.838-1.67l-.01-.005l-.004-.004l-.01-.005c-.136-.085-.244-.254-.244-.39c0-.132.103-.18.244-.114l.015.01l2.899 1.703q.245.128.526.156v-1.789zm2.056 2.27l-.023.009v.004c-.17.094-.362.15-.555.17v-1.789l1.74-.894c.076.18.142.367.142.556v1.303zm5.064-4.071c0-.189-.038-.377-.118-.551l-1.873.965q.085.189.109.395l.004.019v1.953l-3.21 1.802h-.004c-.17.094-.362.15-.55.17v1.585c.193-.018.38-.075.55-.169l3.214-1.812v2.278l1.177-.692a1.36 1.36 0 0 0 .706-1.186v-4.71zm-5.11 6.757l.014-.01l1.336-.804v1.581l-1.336.81c-.17.09-.358.146-.546.164v-1.585a1.4 1.4 0 0 0 .531-.156" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd135"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-ethix-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(%23SVGHcSWxdhd135)%22%3E%3Cpath%20fill%3D%22%2387f96e%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204c.25%200%20.498.056.725.163l6.08%203.323c.395.216.724.753.724%201.19v6.645a1.5%201.5%200%200%201-.724%201.19l-6.08%203.323c-.4.221-1.05.221-1.45%200l-6.08-3.322c-.395-.217-.725-.753-.725-1.19V8.675a1.5%201.5%200%200%201%20.725-1.195l6.08-3.318A1.7%201.7%200%200%201%2012%204m5.031%204.493l-4.292-2.41a1.44%201.44%200%200%200-1.482.005l-.066.028l-.485.278l-.423.235l4.781%202.767l.005.01q.255.142.433.376l1.873-.97a1.4%201.4%200%200%200-.344-.32m-3.873%202.066L8.217%207.787l-1.172.654a1.4%201.4%200%200%200-.423.377l5.233%203.011l1.731-.894a1.4%201.4%200%200%200-.428-.376m-2.635.86L6.476%209.068c-.075.17-.123.353-.123.532v4.8a1.36%201.36%200%200%200%20.673%201.143l4.203%202.433q.232.115.49.141v-1.58a1.4%201.4%200%200%201-.58-.189h-.01l-2.856-1.68c-.155-.099-.277-.287-.277-.442c0-.15.122-.207.277-.127h.01l.01.009l.013.005l2.165%201.29l.753.423q.234.115.494.14V14.38a1.4%201.4%200%200%201-.555-.174l-.014-.005l-.014-.01l-2.838-1.67l-.01-.005l-.004-.004l-.01-.005c-.136-.085-.244-.254-.244-.39c0-.132.103-.18.244-.114l.015.01l2.899%201.703q.245.128.526.156v-1.789zm2.056%202.27l-.023.009v.004c-.17.094-.362.15-.555.17v-1.789l1.74-.894c.076.18.142.367.142.556v1.303zm5.064-4.071c0-.189-.038-.377-.118-.551l-1.873.965q.085.189.109.395l.004.019v1.953l-3.21%201.802h-.004c-.17.094-.362.15-.55.17v1.585c.193-.018.38-.075.55-.169l3.214-1.812v2.278l1.177-.692a1.36%201.36%200%200%200%20.706-1.186v-4.71zm-5.11%206.757l.014-.01l1.336-.804v1.581l-1.336.81c-.17.09-.358.146-.546.164v-1.585a1.4%201.4%200%200%200%20.531-.156%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd135%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(%23SVGHcSWxdhd135)%22%3E%3Cpath%20fill%3D%22%2387f96e%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204c.25%200%20.498.056.725.163l6.08%203.323c.395.216.724.753.724%201.19v6.645a1.5%201.5%200%200%201-.724%201.19l-6.08%203.323c-.4.221-1.05.221-1.45%200l-6.08-3.322c-.395-.217-.725-.753-.725-1.19V8.675a1.5%201.5%200%200%201%20.725-1.195l6.08-3.318A1.7%201.7%200%200%201%2012%204m5.031%204.493l-4.292-2.41a1.44%201.44%200%200%200-1.482.005l-.066.028l-.485.278l-.423.235l4.781%202.767l.005.01q.255.142.433.376l1.873-.97a1.4%201.4%200%200%200-.344-.32m-3.873%202.066L8.217%207.787l-1.172.654a1.4%201.4%200%200%200-.423.377l5.233%203.011l1.731-.894a1.4%201.4%200%200%200-.428-.376m-2.635.86L6.476%209.068c-.075.17-.123.353-.123.532v4.8a1.36%201.36%200%200%200%20.673%201.143l4.203%202.433q.232.115.49.141v-1.58a1.4%201.4%200%200%201-.58-.189h-.01l-2.856-1.68c-.155-.099-.277-.287-.277-.442c0-.15.122-.207.277-.127h.01l.01.009l.013.005l2.165%201.29l.753.423q.234.115.494.14V14.38a1.4%201.4%200%200%201-.555-.174l-.014-.005l-.014-.01l-2.838-1.67l-.01-.005l-.004-.004l-.01-.005c-.136-.085-.244-.254-.244-.39c0-.132.103-.18.244-.114l.015.01l2.899%201.703q.245.128.526.156v-1.789zm2.056%202.27l-.023.009v.004c-.17.094-.362.15-.555.17v-1.789l1.74-.894c.076.18.142.367.142.556v1.303zm5.064-4.071c0-.189-.038-.377-.118-.551l-1.873.965q.085.189.109.395l.004.019v1.953l-3.21%201.802h-.004c-.17.094-.362.15-.55.17v1.585c.193-.018.38-.075.55-.169l3.214-1.812v2.278l1.177-.692a1.36%201.36%200%200%200%20.706-1.186v-4.71zm-5.11%206.757l.014-.01l1.336-.804v1.581l-1.336.81c-.17.09-.358.146-.546.164v-1.585a1.4%201.4%200%200%200%20.531-.156%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd135%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/ethix-background.svg?color=%231a73e8&size=48
