alfa1 logo
alfa1-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- alfa1-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 alfa1 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(#SVGHcSWxdhd12)"><path fill="#0156fe" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M14.357 11.184c.397 0 .744.134 1.012.354l-.008-.254h1.04v3.434h-1.04l.008-.24c-.251.196-.588.322-1.012.322c-.9 0-1.747-.684-1.747-1.808c0-1.1.808-1.808 1.747-1.808M20 9.794v4.928h-1.086V10.75h-1.02l.41-.955zM7.654 9.238v5.485H6.629v-1.015h-1.1l-.4 1.015H4l2.233-5.485zM9.56 9.2v5.522H8.537V9.2zm2.282.038c.23 0 .53.042.573.049v.832a2 2 0 0 0-.294-.022c-.157 0-.25.029-.308.07c-.147.118-.15.667-.15 1.02h.709v.74h-.716v2.795h-1.003v-2.794h-.422v-.74h.422v-.035c0-.226-.007-.513.007-.724c.029-.402.072-1.198 1.182-1.191m2.672 2.84a.914.914 0 0 0 0 1.828a.914.914 0 0 0 0-1.828M6.63 10.743L5.9 12.77h.73z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd12"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedAlfa1Background(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(#SVGHcSWxdhd12)"><path fill="#0156fe" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M14.357 11.184c.397 0 .744.134 1.012.354l-.008-.254h1.04v3.434h-1.04l.008-.24c-.251.196-.588.322-1.012.322c-.9 0-1.747-.684-1.747-1.808c0-1.1.808-1.808 1.747-1.808M20 9.794v4.928h-1.086V10.75h-1.02l.41-.955zM7.654 9.238v5.485H6.629v-1.015h-1.1l-.4 1.015H4l2.233-5.485zM9.56 9.2v5.522H8.537V9.2zm2.282.038c.23 0 .53.042.573.049v.832a2 2 0 0 0-.294-.022c-.157 0-.25.029-.308.07c-.147.118-.15.667-.15 1.02h.709v.74h-.716v2.795h-1.003v-2.794h-.422v-.74h.422v-.035c0-.226-.007-.513.007-.724c.029-.402.072-1.198 1.182-1.191m2.672 2.84a.914.914 0 0 0 0 1.828a.914.914 0 0 0 0-1.828M6.63 10.743L5.9 12.77h.73z" clipRule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd12"><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(#SVGHcSWxdhd12)"><path fill="#0156fe" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M14.357 11.184c.397 0 .744.134 1.012.354l-.008-.254h1.04v3.434h-1.04l.008-.24c-.251.196-.588.322-1.012.322c-.9 0-1.747-.684-1.747-1.808c0-1.1.808-1.808 1.747-1.808M20 9.794v4.928h-1.086V10.75h-1.02l.41-.955zM7.654 9.238v5.485H6.629v-1.015h-1.1l-.4 1.015H4l2.233-5.485zM9.56 9.2v5.522H8.537V9.2zm2.282.038c.23 0 .53.042.573.049v.832a2 2 0 0 0-.294-.022c-.157 0-.25.029-.308.07c-.147.118-.15.667-.15 1.02h.709v.74h-.716v2.795h-1.003v-2.794h-.422v-.74h.422v-.035c0-.226-.007-.513.007-.724c.029-.402.072-1.198 1.182-1.191m2.672 2.84a.914.914 0 0 0 0 1.828a.914.914 0 0 0 0-1.828M6.63 10.743L5.9 12.77h.73z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd12"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-alfa1-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(%23SVGHcSWxdhd12)%22%3E%3Cpath%20fill%3D%22%230156fe%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.357%2011.184c.397%200%20.744.134%201.012.354l-.008-.254h1.04v3.434h-1.04l.008-.24c-.251.196-.588.322-1.012.322c-.9%200-1.747-.684-1.747-1.808c0-1.1.808-1.808%201.747-1.808M20%209.794v4.928h-1.086V10.75h-1.02l.41-.955zM7.654%209.238v5.485H6.629v-1.015h-1.1l-.4%201.015H4l2.233-5.485zM9.56%209.2v5.522H8.537V9.2zm2.282.038c.23%200%20.53.042.573.049v.832a2%202%200%200%200-.294-.022c-.157%200-.25.029-.308.07c-.147.118-.15.667-.15%201.02h.709v.74h-.716v2.795h-1.003v-2.794h-.422v-.74h.422v-.035c0-.226-.007-.513.007-.724c.029-.402.072-1.198%201.182-1.191m2.672%202.84a.914.914%200%200%200%200%201.828a.914.914%200%200%200%200-1.828M6.63%2010.743L5.9%2012.77h.73z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd12%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(%23SVGHcSWxdhd12)%22%3E%3Cpath%20fill%3D%22%230156fe%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.357%2011.184c.397%200%20.744.134%201.012.354l-.008-.254h1.04v3.434h-1.04l.008-.24c-.251.196-.588.322-1.012.322c-.9%200-1.747-.684-1.747-1.808c0-1.1.808-1.808%201.747-1.808M20%209.794v4.928h-1.086V10.75h-1.02l.41-.955zM7.654%209.238v5.485H6.629v-1.015h-1.1l-.4%201.015H4l2.233-5.485zM9.56%209.2v5.522H8.537V9.2zm2.282.038c.23%200%20.53.042.573.049v.832a2%202%200%200%200-.294-.022c-.157%200-.25.029-.308.07c-.147.118-.15.667-.15%201.02h.709v.74h-.716v2.795h-1.003v-2.794h-.422v-.74h.422v-.035c0-.226-.007-.513.007-.724c.029-.402.072-1.198%201.182-1.191m2.672%202.84a.914.914%200%200%200%200%201.828a.914.914%200%200%200%200-1.828M6.63%2010.743L5.9%2012.77h.73z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd12%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/alfa1-background.svg?color=%231a73e8&size=48
