IconSearch logoIconsearch
Home/Libraries/Web3 Icons Branded (Iconify)/brick
← Back to Search
Web3 Icons Branded (Iconify)

Brick

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><g fill="none"><path fill="#818cf8" d="M11.55 3.006h.59c2.784 1.012 5.567 2.024 8.329 3.053q.378.135.528.675v5.713L12.45 21h-.602l-8.334-3.048c-.225-.078-.393-.309-.511-.68V11.57L11.55 3z"/><path fill="#818cf8" d="m19.872 6.97l-7.675 7.732a5 5 0 0 0-.32-.016a.9.9 0 0 1-.31-.057a536 536 0 0 1-6.934-2.513c-.224-.085-.32-.242-.303-.461l7.524-7.513a.2.2 0 0 1 .09-.05a.2.2 0 0 1 .1.005l7.828 2.868z"/><path fill="#818cf8" d="M13.844 9.158c-1.135-.782-1.27-2.103-1.405-2.508a3.52 3.52 0 0 1 2.423.112c.911.366 1.159 1.266.366 1.918a2.05 2.05 0 0 1-1.384.478"/><path fill="#818cf8" d="M12.433 6.65a3.7 3.7 0 0 0 1.703 2.13a.17.17 0 0 1 .085.147a.17.17 0 0 1-.079.14a.6.6 0 0 1-.292.09c-.928.102-3.003-.483-2.317-1.765c.157-.304.46-.546.9-.742"/><path fill="#818cf8" d="M19.871 6.953v4.841c0 .17.017.327-.1.44l-7.772 7.658v-5.19zm-8.716 5.218c-1.012-.691-1.642-1.495-1.9-2.406a3.06 3.06 0 0 1 2.277.056c.99.422 1.35 1.383.293 2.075c-.315.202-.54.298-.664.28z"/><path fill="#818cf8" d="M9.255 9.765q.388 1.366 1.907 2.413q-1.383.337-2.402-.304c-1.057-.658-.523-1.766.495-2.109"/><path fill="#818cf8" d="M4.335 11.654q-.026.337.303.46c1.434.535 3.74 1.373 6.928 2.509q.142.058.31.056h.123v5.213c-2.547-.94-5.252-1.89-7.766-2.784c-.146-.056-.106-.157-.106-.309v-4.802c0-.124.01-.236.208-.343"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BrickIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Web3 Icons Branded (Iconify)

Browse all Web3 Icons Branded (Iconify) icons →
0x0
0x0
0xgas
0xgas
10set
10set
1art
1art
1inch
1inch
2dai
2dai
3ull
3ull
a
a
aa
aa
aag
aag
aart
aart
aave
aave