arch logo

arch from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: arch
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

archBoxIcons v2 archBoxIcons v2 Solid archMaterial Design Icons arch-darkSkill Icons

Use the arch logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#373737" d="M7.932 7.932L3 3v18h18l-3.6-3.6H6.6v-6.354c0-1.02.36-2.22 1.332-3.12z"/><path fill="#fcfefb" d="M6.6 11.045c0-1.02.36-2.22 1.332-3.12L12 12l-5.4 5.4z"/><path fill="#d3ddff" d="M17.4 17.4H6.6L12 12z"/><path fill="#fcfefb" d="M17.4 17.4L21 21V3H3l4.932 4.932C8.772 7.152 10.08 6.6 12 6.6c4.128 0 5.4 2.544 5.4 4.446z"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedArch(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="#373737" d="M7.932 7.932L3 3v18h18l-3.6-3.6H6.6v-6.354c0-1.02.36-2.22 1.332-3.12z"/><path fill="#fcfefb" d="M6.6 11.045c0-1.02.36-2.22 1.332-3.12L12 12l-5.4 5.4z"/><path fill="#d3ddff" d="M17.4 17.4H6.6L12 12z"/><path fill="#fcfefb" d="M17.4 17.4L21 21V3H3l4.932 4.932C8.772 7.152 10.08 6.6 12 6.6c4.128 0 5.4 2.544 5.4 4.446z"/></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="#373737" d="M7.932 7.932L3 3v18h18l-3.6-3.6H6.6v-6.354c0-1.02.36-2.22 1.332-3.12z"/><path fill="#fcfefb" d="M6.6 11.045c0-1.02.36-2.22 1.332-3.12L12 12l-5.4 5.4z"/><path fill="#d3ddff" d="M17.4 17.4H6.6L12 12z"/><path fill="#fcfefb" d="M17.4 17.4L21 21V3H3l4.932 4.932C8.772 7.152 10.08 6.6 12 6.6c4.128 0 5.4 2.544 5.4 4.446z"/></g></svg>
</template>

CSS

.icon-arch {
  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%22%23373737%22%20d%3D%22M7.932%207.932L3%203v18h18l-3.6-3.6H6.6v-6.354c0-1.02.36-2.22%201.332-3.12z%22%2F%3E%3Cpath%20fill%3D%22%23fcfefb%22%20d%3D%22M6.6%2011.045c0-1.02.36-2.22%201.332-3.12L12%2012l-5.4%205.4z%22%2F%3E%3Cpath%20fill%3D%22%23d3ddff%22%20d%3D%22M17.4%2017.4H6.6L12%2012z%22%2F%3E%3Cpath%20fill%3D%22%23fcfefb%22%20d%3D%22M17.4%2017.4L21%2021V3H3l4.932%204.932C8.772%207.152%2010.08%206.6%2012%206.6c4.128%200%205.4%202.544%205.4%204.446z%22%2F%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%22%23373737%22%20d%3D%22M7.932%207.932L3%203v18h18l-3.6-3.6H6.6v-6.354c0-1.02.36-2.22%201.332-3.12z%22%2F%3E%3Cpath%20fill%3D%22%23fcfefb%22%20d%3D%22M6.6%2011.045c0-1.02.36-2.22%201.332-3.12L12%2012l-5.4%205.4z%22%2F%3E%3Cpath%20fill%3D%22%23d3ddff%22%20d%3D%22M17.4%2017.4H6.6L12%2012z%22%2F%3E%3Cpath%20fill%3D%22%23fcfefb%22%20d%3D%22M17.4%2017.4L21%2021V3H3l4.932%204.932C8.772%207.152%2010.08%206.6%2012%206.6c4.128%200%205.4%202.544%205.4%204.446z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/arch.svg?color=%231a73e8&size=48