alice logo

alice-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: alice-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

Use the alice 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(#SVGHcSWxdhd21)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#ea8397" d="M11.017 4C8.23 4 8.411 7.364 8.855 9.051c-3.246-1.91-4.942-.8-4.85 2.277c.073 2.464 2.253 3.305 3.337 3.42c-.869.365-1.052 4.927 1.915 5.233c2.373.247 3.79-1.993 4.206-3.14c1.408 1.16 4.57 2.944 5.96.8c1.381-2.144-.045-4.508-.927-5.422c.804-.324 2.112-1.623.928-4.187c-1.189-2.56-4.06-1.294-5.349-.338C14.222 6.459 13.81 4 11.017 4"/><path fill="#d26b7f" d="M11.465 10.308c.146-1.426-.398-3.863-.686-4.9c.777.923 1.042 3.529 1.079 4.717c-.192.659-.544 1.614-.393.183m6.445-1.75c-2.02-.22-3.68 1.394-4.256 2.226l.106.246a6.82 6.82 0 0 1 4.15-2.473M7.2 10.783a2.06 2.06 0 0 0-1.993.671c.809-.246.667-.192 1.586-.297c.731-.087 2.286.604 2.916.933l.16-.21a9.1 9.1 0 0 0-2.674-1.098zm1.28 6.783c1.033-.407 2.185-2.477 2.628-3.46l.265.137c-1.38 2.775-2.5 3.374-2.889 3.323zm5.28-4.073v-.407a16.3 16.3 0 0 1 4.415 2.83v.265c-1.38-1.266-3.52-2.322-4.415-2.688"/><path fill="#977849" d="M12 14.97a2.514 2.514 0 1 0 0-5.028a2.514 2.514 0 0 0 0 5.028"/><path fill="#feecac" d="M12 14.514a2.514 2.514 0 1 0 0-5.028a2.514 2.514 0 0 0 0 5.028"/></g><defs><clipPath id="SVGHcSWxdhd21"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedAliceBackground(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(#SVGHcSWxdhd21)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#ea8397" d="M11.017 4C8.23 4 8.411 7.364 8.855 9.051c-3.246-1.91-4.942-.8-4.85 2.277c.073 2.464 2.253 3.305 3.337 3.42c-.869.365-1.052 4.927 1.915 5.233c2.373.247 3.79-1.993 4.206-3.14c1.408 1.16 4.57 2.944 5.96.8c1.381-2.144-.045-4.508-.927-5.422c.804-.324 2.112-1.623.928-4.187c-1.189-2.56-4.06-1.294-5.349-.338C14.222 6.459 13.81 4 11.017 4"/><path fill="#d26b7f" d="M11.465 10.308c.146-1.426-.398-3.863-.686-4.9c.777.923 1.042 3.529 1.079 4.717c-.192.659-.544 1.614-.393.183m6.445-1.75c-2.02-.22-3.68 1.394-4.256 2.226l.106.246a6.82 6.82 0 0 1 4.15-2.473M7.2 10.783a2.06 2.06 0 0 0-1.993.671c.809-.246.667-.192 1.586-.297c.731-.087 2.286.604 2.916.933l.16-.21a9.1 9.1 0 0 0-2.674-1.098zm1.28 6.783c1.033-.407 2.185-2.477 2.628-3.46l.265.137c-1.38 2.775-2.5 3.374-2.889 3.323zm5.28-4.073v-.407a16.3 16.3 0 0 1 4.415 2.83v.265c-1.38-1.266-3.52-2.322-4.415-2.688"/><path fill="#977849" d="M12 14.97a2.514 2.514 0 1 0 0-5.028a2.514 2.514 0 0 0 0 5.028"/><path fill="#feecac" d="M12 14.514a2.514 2.514 0 1 0 0-5.028a2.514 2.514 0 0 0 0 5.028"/></g><defs><clipPath id="SVGHcSWxdhd21"><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(#SVGHcSWxdhd21)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="#ea8397" d="M11.017 4C8.23 4 8.411 7.364 8.855 9.051c-3.246-1.91-4.942-.8-4.85 2.277c.073 2.464 2.253 3.305 3.337 3.42c-.869.365-1.052 4.927 1.915 5.233c2.373.247 3.79-1.993 4.206-3.14c1.408 1.16 4.57 2.944 5.96.8c1.381-2.144-.045-4.508-.927-5.422c.804-.324 2.112-1.623.928-4.187c-1.189-2.56-4.06-1.294-5.349-.338C14.222 6.459 13.81 4 11.017 4"/><path fill="#d26b7f" d="M11.465 10.308c.146-1.426-.398-3.863-.686-4.9c.777.923 1.042 3.529 1.079 4.717c-.192.659-.544 1.614-.393.183m6.445-1.75c-2.02-.22-3.68 1.394-4.256 2.226l.106.246a6.82 6.82 0 0 1 4.15-2.473M7.2 10.783a2.06 2.06 0 0 0-1.993.671c.809-.246.667-.192 1.586-.297c.731-.087 2.286.604 2.916.933l.16-.21a9.1 9.1 0 0 0-2.674-1.098zm1.28 6.783c1.033-.407 2.185-2.477 2.628-3.46l.265.137c-1.38 2.775-2.5 3.374-2.889 3.323zm5.28-4.073v-.407a16.3 16.3 0 0 1 4.415 2.83v.265c-1.38-1.266-3.52-2.322-4.415-2.688"/><path fill="#977849" d="M12 14.97a2.514 2.514 0 1 0 0-5.028a2.514 2.514 0 0 0 0 5.028"/><path fill="#feecac" d="M12 14.514a2.514 2.514 0 1 0 0-5.028a2.514 2.514 0 0 0 0 5.028"/></g><defs><clipPath id="SVGHcSWxdhd21"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-alice-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(%23SVGHcSWxdhd21)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23ea8397%22%20d%3D%22M11.017%204C8.23%204%208.411%207.364%208.855%209.051c-3.246-1.91-4.942-.8-4.85%202.277c.073%202.464%202.253%203.305%203.337%203.42c-.869.365-1.052%204.927%201.915%205.233c2.373.247%203.79-1.993%204.206-3.14c1.408%201.16%204.57%202.944%205.96.8c1.381-2.144-.045-4.508-.927-5.422c.804-.324%202.112-1.623.928-4.187c-1.189-2.56-4.06-1.294-5.349-.338C14.222%206.459%2013.81%204%2011.017%204%22%2F%3E%3Cpath%20fill%3D%22%23d26b7f%22%20d%3D%22M11.465%2010.308c.146-1.426-.398-3.863-.686-4.9c.777.923%201.042%203.529%201.079%204.717c-.192.659-.544%201.614-.393.183m6.445-1.75c-2.02-.22-3.68%201.394-4.256%202.226l.106.246a6.82%206.82%200%200%201%204.15-2.473M7.2%2010.783a2.06%202.06%200%200%200-1.993.671c.809-.246.667-.192%201.586-.297c.731-.087%202.286.604%202.916.933l.16-.21a9.1%209.1%200%200%200-2.674-1.098zm1.28%206.783c1.033-.407%202.185-2.477%202.628-3.46l.265.137c-1.38%202.775-2.5%203.374-2.889%203.323zm5.28-4.073v-.407a16.3%2016.3%200%200%201%204.415%202.83v.265c-1.38-1.266-3.52-2.322-4.415-2.688%22%2F%3E%3Cpath%20fill%3D%22%23977849%22%20d%3D%22M12%2014.97a2.514%202.514%200%201%200%200-5.028a2.514%202.514%200%200%200%200%205.028%22%2F%3E%3Cpath%20fill%3D%22%23feecac%22%20d%3D%22M12%2014.514a2.514%202.514%200%201%200%200-5.028a2.514%202.514%200%200%200%200%205.028%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd21%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(%23SVGHcSWxdhd21)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23ea8397%22%20d%3D%22M11.017%204C8.23%204%208.411%207.364%208.855%209.051c-3.246-1.91-4.942-.8-4.85%202.277c.073%202.464%202.253%203.305%203.337%203.42c-.869.365-1.052%204.927%201.915%205.233c2.373.247%203.79-1.993%204.206-3.14c1.408%201.16%204.57%202.944%205.96.8c1.381-2.144-.045-4.508-.927-5.422c.804-.324%202.112-1.623.928-4.187c-1.189-2.56-4.06-1.294-5.349-.338C14.222%206.459%2013.81%204%2011.017%204%22%2F%3E%3Cpath%20fill%3D%22%23d26b7f%22%20d%3D%22M11.465%2010.308c.146-1.426-.398-3.863-.686-4.9c.777.923%201.042%203.529%201.079%204.717c-.192.659-.544%201.614-.393.183m6.445-1.75c-2.02-.22-3.68%201.394-4.256%202.226l.106.246a6.82%206.82%200%200%201%204.15-2.473M7.2%2010.783a2.06%202.06%200%200%200-1.993.671c.809-.246.667-.192%201.586-.297c.731-.087%202.286.604%202.916.933l.16-.21a9.1%209.1%200%200%200-2.674-1.098zm1.28%206.783c1.033-.407%202.185-2.477%202.628-3.46l.265.137c-1.38%202.775-2.5%203.374-2.889%203.323zm5.28-4.073v-.407a16.3%2016.3%200%200%201%204.415%202.83v.265c-1.38-1.266-3.52-2.322-4.415-2.688%22%2F%3E%3Cpath%20fill%3D%22%23977849%22%20d%3D%22M12%2014.97a2.514%202.514%200%201%200%200-5.028a2.514%202.514%200%200%200%200%205.028%22%2F%3E%3Cpath%20fill%3D%22%23feecac%22%20d%3D%22M12%2014.514a2.514%202.514%200%201%200%200-5.028a2.514%202.514%200%200%200%200%205.028%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd21%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/alice-background.svg?color=%231a73e8&size=48