arix logo
arix from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- arix
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
Use the arix 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(#SVGNYkk9buf)" d="m12.166 9l.19-.776c-2.066 0-5.254.582-5.628 3.098c-.298 2.013 2.127 3.93 3.377 4.641c-.19-.45-.563-1.856-.563-3.87c0-2.012 1.752-2.898 2.624-3.092"/><path fill="#38296a" d="M7.307 13.4c.09-1.155.497-2.775 1.672-3.627a5.9 5.9 0 0 1 3.315-1.175l.086-.374c-2.06 0-5.248.582-5.627 3.098c-.076.739.121 1.48.554 2.084z"/><path fill="#4e2b85" d="M12.166 11.906c-.597-.157-1.373-.71-1.686-.971c-.9 1.24-.625 3.614-.379 4.641c.905.47 1.88.455 2.255.394z"/><path fill="#692b90" d="M10.106 21c1.198-1.393 1.752-8.066 1.876-11.226l1.875 8.323c-.601 1.084-2.747 2.387-3.751 2.903"/><path fill="#4c2365" d="m12.545 19.451l-.568-9.677l1.88 8.323a3.7 3.7 0 0 1-1.312 1.354"/><path fill="#7d278a" d="M13.293 19.451L11.98 9.774l3.562 7.162c-.45.928-1.687 2.065-2.25 2.515"/><path fill="#6a2c75" d="M15.543 16.936L11.98 9.774l2.998 7.934c.303-.308.44-.516.568-.772z"/><path fill="#ad3398" d="M15.543 17.902L11.98 9.774L17.049 15c0 .777-1.004 2.26-1.506 2.903"/><path fill="#7a246d" d="m17.045 14.999l-5.068-5.225l4.689 6.385a2.36 2.36 0 0 0 .379-1.16"/><path fill="#dc3390" d="m17.608 12.484l-5.627-2.71l5.068 6.196c.743-.929.682-2.71.559-3.486"/><path fill="url(#SVGXrelhckx)" d="m12.356 8.224l-.938-.577c.19-.133.583-.427.583-.583v-.772c.123-.133.426-.426.73-.583c.127.26.45.815.752.967c.299.156.375.582.375.776a2.4 2.4 0 0 0-.564-.388c-.298-.156-.502-.71-.564-.966c-.123.128-.374.426-.374.578c0 .094.047.194.095.293c.047.095.095.19.095.284c0 .161-.38.327-.569.394c.256.061.758.27.758.577v1.16c.123-.189.445-.54.749-.383c.374.19.748.578.748 1.16l.938-.193l-.564-.81h-.374v-.545l-.38-.389c.129-.061.38-.151.38 0c0 .157.25.195.379.195v.388l.37.19l.378.582l.374.583c.123-.322.45-1.01.749-1.16c-.374-.323-1.165-1.048-1.165-1.355v-1.55c-.626-.582-1.834-1.818-1.834-2.13V3l-.568.966l-.559-.772V4.55c-.123.45-.563 1.392-1.312 1.549c-.938.19-4.5.966-4.69 4.064c-.15 2.477.19 3.22.38 3.287c-.066-1.61.97-4.912 5.622-5.225m2.25-2.32c0 .127.076.464.379.772v.388c-.066 0-.227-.076-.38-.388z"/><defs><linearGradient id="SVGNYkk9buf" x1="11.792" x2="7.68" y1="8.418" y2="14.495" gradientUnits="userSpaceOnUse"><stop stop-color="#5e338f"/><stop offset=".59" stop-color="#6e2b92"/><stop offset="1" stop-color="#d438a3"/></linearGradient><linearGradient id="SVGXrelhckx" x1="15.17" x2="6.682" y1="5.515" y2="12.994" gradientUnits="userSpaceOnUse"><stop stop-color="#b23593"/><stop offset=".36" stop-color="#80318c"/><stop offset=".74" stop-color="#772f93"/><stop offset="1" stop-color="#b82e8e"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedArix(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(#SVGNYkk9buf)" d="m12.166 9l.19-.776c-2.066 0-5.254.582-5.628 3.098c-.298 2.013 2.127 3.93 3.377 4.641c-.19-.45-.563-1.856-.563-3.87c0-2.012 1.752-2.898 2.624-3.092"/><path fill="#38296a" d="M7.307 13.4c.09-1.155.497-2.775 1.672-3.627a5.9 5.9 0 0 1 3.315-1.175l.086-.374c-2.06 0-5.248.582-5.627 3.098c-.076.739.121 1.48.554 2.084z"/><path fill="#4e2b85" d="M12.166 11.906c-.597-.157-1.373-.71-1.686-.971c-.9 1.24-.625 3.614-.379 4.641c.905.47 1.88.455 2.255.394z"/><path fill="#692b90" d="M10.106 21c1.198-1.393 1.752-8.066 1.876-11.226l1.875 8.323c-.601 1.084-2.747 2.387-3.751 2.903"/><path fill="#4c2365" d="m12.545 19.451l-.568-9.677l1.88 8.323a3.7 3.7 0 0 1-1.312 1.354"/><path fill="#7d278a" d="M13.293 19.451L11.98 9.774l3.562 7.162c-.45.928-1.687 2.065-2.25 2.515"/><path fill="#6a2c75" d="M15.543 16.936L11.98 9.774l2.998 7.934c.303-.308.44-.516.568-.772z"/><path fill="#ad3398" d="M15.543 17.902L11.98 9.774L17.049 15c0 .777-1.004 2.26-1.506 2.903"/><path fill="#7a246d" d="m17.045 14.999l-5.068-5.225l4.689 6.385a2.36 2.36 0 0 0 .379-1.16"/><path fill="#dc3390" d="m17.608 12.484l-5.627-2.71l5.068 6.196c.743-.929.682-2.71.559-3.486"/><path fill="url(#SVGXrelhckx)" d="m12.356 8.224l-.938-.577c.19-.133.583-.427.583-.583v-.772c.123-.133.426-.426.73-.583c.127.26.45.815.752.967c.299.156.375.582.375.776a2.4 2.4 0 0 0-.564-.388c-.298-.156-.502-.71-.564-.966c-.123.128-.374.426-.374.578c0 .094.047.194.095.293c.047.095.095.19.095.284c0 .161-.38.327-.569.394c.256.061.758.27.758.577v1.16c.123-.189.445-.54.749-.383c.374.19.748.578.748 1.16l.938-.193l-.564-.81h-.374v-.545l-.38-.389c.129-.061.38-.151.38 0c0 .157.25.195.379.195v.388l.37.19l.378.582l.374.583c.123-.322.45-1.01.749-1.16c-.374-.323-1.165-1.048-1.165-1.355v-1.55c-.626-.582-1.834-1.818-1.834-2.13V3l-.568.966l-.559-.772V4.55c-.123.45-.563 1.392-1.312 1.549c-.938.19-4.5.966-4.69 4.064c-.15 2.477.19 3.22.38 3.287c-.066-1.61.97-4.912 5.622-5.225m2.25-2.32c0 .127.076.464.379.772v.388c-.066 0-.227-.076-.38-.388z"/><defs><linearGradient id="SVGNYkk9buf" x1="11.792" x2="7.68" y1="8.418" y2="14.495" gradientUnits="userSpaceOnUse"><stop stopColor="#5e338f"/><stop offset=".59" stopColor="#6e2b92"/><stop offset="1" stopColor="#d438a3"/></linearGradient><linearGradient id="SVGXrelhckx" x1="15.17" x2="6.682" y1="5.515" y2="12.994" gradientUnits="userSpaceOnUse"><stop stopColor="#b23593"/><stop offset=".36" stopColor="#80318c"/><stop offset=".74" stopColor="#772f93"/><stop offset="1" stopColor="#b82e8e"/></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(#SVGNYkk9buf)" d="m12.166 9l.19-.776c-2.066 0-5.254.582-5.628 3.098c-.298 2.013 2.127 3.93 3.377 4.641c-.19-.45-.563-1.856-.563-3.87c0-2.012 1.752-2.898 2.624-3.092"/><path fill="#38296a" d="M7.307 13.4c.09-1.155.497-2.775 1.672-3.627a5.9 5.9 0 0 1 3.315-1.175l.086-.374c-2.06 0-5.248.582-5.627 3.098c-.076.739.121 1.48.554 2.084z"/><path fill="#4e2b85" d="M12.166 11.906c-.597-.157-1.373-.71-1.686-.971c-.9 1.24-.625 3.614-.379 4.641c.905.47 1.88.455 2.255.394z"/><path fill="#692b90" d="M10.106 21c1.198-1.393 1.752-8.066 1.876-11.226l1.875 8.323c-.601 1.084-2.747 2.387-3.751 2.903"/><path fill="#4c2365" d="m12.545 19.451l-.568-9.677l1.88 8.323a3.7 3.7 0 0 1-1.312 1.354"/><path fill="#7d278a" d="M13.293 19.451L11.98 9.774l3.562 7.162c-.45.928-1.687 2.065-2.25 2.515"/><path fill="#6a2c75" d="M15.543 16.936L11.98 9.774l2.998 7.934c.303-.308.44-.516.568-.772z"/><path fill="#ad3398" d="M15.543 17.902L11.98 9.774L17.049 15c0 .777-1.004 2.26-1.506 2.903"/><path fill="#7a246d" d="m17.045 14.999l-5.068-5.225l4.689 6.385a2.36 2.36 0 0 0 .379-1.16"/><path fill="#dc3390" d="m17.608 12.484l-5.627-2.71l5.068 6.196c.743-.929.682-2.71.559-3.486"/><path fill="url(#SVGXrelhckx)" d="m12.356 8.224l-.938-.577c.19-.133.583-.427.583-.583v-.772c.123-.133.426-.426.73-.583c.127.26.45.815.752.967c.299.156.375.582.375.776a2.4 2.4 0 0 0-.564-.388c-.298-.156-.502-.71-.564-.966c-.123.128-.374.426-.374.578c0 .094.047.194.095.293c.047.095.095.19.095.284c0 .161-.38.327-.569.394c.256.061.758.27.758.577v1.16c.123-.189.445-.54.749-.383c.374.19.748.578.748 1.16l.938-.193l-.564-.81h-.374v-.545l-.38-.389c.129-.061.38-.151.38 0c0 .157.25.195.379.195v.388l.37.19l.378.582l.374.583c.123-.322.45-1.01.749-1.16c-.374-.323-1.165-1.048-1.165-1.355v-1.55c-.626-.582-1.834-1.818-1.834-2.13V3l-.568.966l-.559-.772V4.55c-.123.45-.563 1.392-1.312 1.549c-.938.19-4.5.966-4.69 4.064c-.15 2.477.19 3.22.38 3.287c-.066-1.61.97-4.912 5.622-5.225m2.25-2.32c0 .127.076.464.379.772v.388c-.066 0-.227-.076-.38-.388z"/><defs><linearGradient id="SVGNYkk9buf" x1="11.792" x2="7.68" y1="8.418" y2="14.495" gradientUnits="userSpaceOnUse"><stop stop-color="#5e338f"/><stop offset=".59" stop-color="#6e2b92"/><stop offset="1" stop-color="#d438a3"/></linearGradient><linearGradient id="SVGXrelhckx" x1="15.17" x2="6.682" y1="5.515" y2="12.994" gradientUnits="userSpaceOnUse"><stop stop-color="#b23593"/><stop offset=".36" stop-color="#80318c"/><stop offset=".74" stop-color="#772f93"/><stop offset="1" stop-color="#b82e8e"/></linearGradient></defs></g></svg> </template>
CSS
.icon-arix {
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(%23SVGNYkk9buf)%22%20d%3D%22m12.166%209l.19-.776c-2.066%200-5.254.582-5.628%203.098c-.298%202.013%202.127%203.93%203.377%204.641c-.19-.45-.563-1.856-.563-3.87c0-2.012%201.752-2.898%202.624-3.092%22%2F%3E%3Cpath%20fill%3D%22%2338296a%22%20d%3D%22M7.307%2013.4c.09-1.155.497-2.775%201.672-3.627a5.9%205.9%200%200%201%203.315-1.175l.086-.374c-2.06%200-5.248.582-5.627%203.098c-.076.739.121%201.48.554%202.084z%22%2F%3E%3Cpath%20fill%3D%22%234e2b85%22%20d%3D%22M12.166%2011.906c-.597-.157-1.373-.71-1.686-.971c-.9%201.24-.625%203.614-.379%204.641c.905.47%201.88.455%202.255.394z%22%2F%3E%3Cpath%20fill%3D%22%23692b90%22%20d%3D%22M10.106%2021c1.198-1.393%201.752-8.066%201.876-11.226l1.875%208.323c-.601%201.084-2.747%202.387-3.751%202.903%22%2F%3E%3Cpath%20fill%3D%22%234c2365%22%20d%3D%22m12.545%2019.451l-.568-9.677l1.88%208.323a3.7%203.7%200%200%201-1.312%201.354%22%2F%3E%3Cpath%20fill%3D%22%237d278a%22%20d%3D%22M13.293%2019.451L11.98%209.774l3.562%207.162c-.45.928-1.687%202.065-2.25%202.515%22%2F%3E%3Cpath%20fill%3D%22%236a2c75%22%20d%3D%22M15.543%2016.936L11.98%209.774l2.998%207.934c.303-.308.44-.516.568-.772z%22%2F%3E%3Cpath%20fill%3D%22%23ad3398%22%20d%3D%22M15.543%2017.902L11.98%209.774L17.049%2015c0%20.777-1.004%202.26-1.506%202.903%22%2F%3E%3Cpath%20fill%3D%22%237a246d%22%20d%3D%22m17.045%2014.999l-5.068-5.225l4.689%206.385a2.36%202.36%200%200%200%20.379-1.16%22%2F%3E%3Cpath%20fill%3D%22%23dc3390%22%20d%3D%22m17.608%2012.484l-5.627-2.71l5.068%206.196c.743-.929.682-2.71.559-3.486%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXrelhckx)%22%20d%3D%22m12.356%208.224l-.938-.577c.19-.133.583-.427.583-.583v-.772c.123-.133.426-.426.73-.583c.127.26.45.815.752.967c.299.156.375.582.375.776a2.4%202.4%200%200%200-.564-.388c-.298-.156-.502-.71-.564-.966c-.123.128-.374.426-.374.578c0%20.094.047.194.095.293c.047.095.095.19.095.284c0%20.161-.38.327-.569.394c.256.061.758.27.758.577v1.16c.123-.189.445-.54.749-.383c.374.19.748.578.748%201.16l.938-.193l-.564-.81h-.374v-.545l-.38-.389c.129-.061.38-.151.38%200c0%20.157.25.195.379.195v.388l.37.19l.378.582l.374.583c.123-.322.45-1.01.749-1.16c-.374-.323-1.165-1.048-1.165-1.355v-1.55c-.626-.582-1.834-1.818-1.834-2.13V3l-.568.966l-.559-.772V4.55c-.123.45-.563%201.392-1.312%201.549c-.938.19-4.5.966-4.69%204.064c-.15%202.477.19%203.22.38%203.287c-.066-1.61.97-4.912%205.622-5.225m2.25-2.32c0%20.127.076.464.379.772v.388c-.066%200-.227-.076-.38-.388z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGNYkk9buf%22%20x1%3D%2211.792%22%20x2%3D%227.68%22%20y1%3D%228.418%22%20y2%3D%2214.495%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235e338f%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%236e2b92%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d438a3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGXrelhckx%22%20x1%3D%2215.17%22%20x2%3D%226.682%22%20y1%3D%225.515%22%20y2%3D%2212.994%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b23593%22%2F%3E%3Cstop%20offset%3D%22.36%22%20stop-color%3D%22%2380318c%22%2F%3E%3Cstop%20offset%3D%22.74%22%20stop-color%3D%22%23772f93%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b82e8e%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(%23SVGNYkk9buf)%22%20d%3D%22m12.166%209l.19-.776c-2.066%200-5.254.582-5.628%203.098c-.298%202.013%202.127%203.93%203.377%204.641c-.19-.45-.563-1.856-.563-3.87c0-2.012%201.752-2.898%202.624-3.092%22%2F%3E%3Cpath%20fill%3D%22%2338296a%22%20d%3D%22M7.307%2013.4c.09-1.155.497-2.775%201.672-3.627a5.9%205.9%200%200%201%203.315-1.175l.086-.374c-2.06%200-5.248.582-5.627%203.098c-.076.739.121%201.48.554%202.084z%22%2F%3E%3Cpath%20fill%3D%22%234e2b85%22%20d%3D%22M12.166%2011.906c-.597-.157-1.373-.71-1.686-.971c-.9%201.24-.625%203.614-.379%204.641c.905.47%201.88.455%202.255.394z%22%2F%3E%3Cpath%20fill%3D%22%23692b90%22%20d%3D%22M10.106%2021c1.198-1.393%201.752-8.066%201.876-11.226l1.875%208.323c-.601%201.084-2.747%202.387-3.751%202.903%22%2F%3E%3Cpath%20fill%3D%22%234c2365%22%20d%3D%22m12.545%2019.451l-.568-9.677l1.88%208.323a3.7%203.7%200%200%201-1.312%201.354%22%2F%3E%3Cpath%20fill%3D%22%237d278a%22%20d%3D%22M13.293%2019.451L11.98%209.774l3.562%207.162c-.45.928-1.687%202.065-2.25%202.515%22%2F%3E%3Cpath%20fill%3D%22%236a2c75%22%20d%3D%22M15.543%2016.936L11.98%209.774l2.998%207.934c.303-.308.44-.516.568-.772z%22%2F%3E%3Cpath%20fill%3D%22%23ad3398%22%20d%3D%22M15.543%2017.902L11.98%209.774L17.049%2015c0%20.777-1.004%202.26-1.506%202.903%22%2F%3E%3Cpath%20fill%3D%22%237a246d%22%20d%3D%22m17.045%2014.999l-5.068-5.225l4.689%206.385a2.36%202.36%200%200%200%20.379-1.16%22%2F%3E%3Cpath%20fill%3D%22%23dc3390%22%20d%3D%22m17.608%2012.484l-5.627-2.71l5.068%206.196c.743-.929.682-2.71.559-3.486%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGXrelhckx)%22%20d%3D%22m12.356%208.224l-.938-.577c.19-.133.583-.427.583-.583v-.772c.123-.133.426-.426.73-.583c.127.26.45.815.752.967c.299.156.375.582.375.776a2.4%202.4%200%200%200-.564-.388c-.298-.156-.502-.71-.564-.966c-.123.128-.374.426-.374.578c0%20.094.047.194.095.293c.047.095.095.19.095.284c0%20.161-.38.327-.569.394c.256.061.758.27.758.577v1.16c.123-.189.445-.54.749-.383c.374.19.748.578.748%201.16l.938-.193l-.564-.81h-.374v-.545l-.38-.389c.129-.061.38-.151.38%200c0%20.157.25.195.379.195v.388l.37.19l.378.582l.374.583c.123-.322.45-1.01.749-1.16c-.374-.323-1.165-1.048-1.165-1.355v-1.55c-.626-.582-1.834-1.818-1.834-2.13V3l-.568.966l-.559-.772V4.55c-.123.45-.563%201.392-1.312%201.549c-.938.19-4.5.966-4.69%204.064c-.15%202.477.19%203.22.38%203.287c-.066-1.61.97-4.912%205.622-5.225m2.25-2.32c0%20.127.076.464.379.772v.388c-.066%200-.227-.076-.38-.388z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGNYkk9buf%22%20x1%3D%2211.792%22%20x2%3D%227.68%22%20y1%3D%228.418%22%20y2%3D%2214.495%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%235e338f%22%2F%3E%3Cstop%20offset%3D%22.59%22%20stop-color%3D%22%236e2b92%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d438a3%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGXrelhckx%22%20x1%3D%2215.17%22%20x2%3D%226.682%22%20y1%3D%225.515%22%20y2%3D%2212.994%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b23593%22%2F%3E%3Cstop%20offset%3D%22.36%22%20stop-color%3D%22%2380318c%22%2F%3E%3Cstop%20offset%3D%22.74%22%20stop-color%3D%22%23772f93%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b82e8e%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/arix.svg?color=%231a73e8&size=48
