Home/Libraries/Web3 Icons Branded (Iconify)/croid

Web3 Icons Branded (Iconify)

Croid

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<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="url(#SVGxK39Fcvb)" d="M3.563 4.686a.563.563 0 0 0 0 1.125h4.5v12.375h-4.5a.562.562 0 1 0 0 1.125h5.062a.56.56 0 0 0 .563-.563v-13.5a.56.56 0 0 0-.563-.562zm7.874 0a.563.563 0 0 0 0 1.125h2.25c1.137 0 2.7.461 3.972 1.48a5.8 5.8 0 0 1 2.216 4.707c0 .433-.045.928-.152 1.446a.6.6 0 0 0 .225.619c.32.225.77.078.855-.304c.14-.636.197-1.238.197-1.76c0-2.554-1.148-4.394-2.638-5.586a7.85 7.85 0 0 0-4.675-1.727zm6.458 12.763c.214.247.18.624-.101.799a7.6 7.6 0 0 1-4.107 1.063h-2.25a.563.563 0 0 1 0-1.125h2.25c1.452 0 2.565-.326 3.432-.844a.62.62 0 0 1 .776.107M3.563 6.936a.563.563 0 0 0 0 1.125h2.25v1.687a.563.563 0 1 0 1.124 0v-2.25a.56.56 0 0 0-.562-.562zm7.312.562a.56.56 0 0 1 .563-.562h2.25a5.7 5.7 0 0 1 2.07.416a.52.52 0 0 1 .236.748c-.152.265-.484.36-.77.253a4.6 4.6 0 0 0-1.537-.292h-2.25a.563.563 0 0 1-.562-.563m7.841 3.825a.51.51 0 0 0-.529-.45c-.354 0-.618.332-.585.687c.012.14.017.28.017.438c0 1.615-.663 2.57-1.45 3.145a4.47 4.47 0 0 1-2.482.793h-2.25a.563.563 0 1 0 0 1.125h2.25c.844 0 2.087-.248 3.14-1.007c1.085-.776 1.923-2.07 1.923-4.056q0-.353-.034-.675M3.562 9.748a.563.563 0 0 1 .563.563v3.937a.562.562 0 1 1-1.125 0v-3.937a.563.563 0 0 1 .563-.563m7.876 0a.563.563 0 0 0 0 1.125h2.25c.163 0 .438.045.68.169a.8.8 0 0 1 .461.529a.564.564 0 0 0 .89.335a.56.56 0 0 0 .202-.605a1.93 1.93 0 0 0-1.047-1.266a2.76 2.76 0 0 0-1.187-.287zm-.563 3.938a.56.56 0 0 1 .563-.563h1.687a.563.563 0 0 1 0 1.125h-1.687a.563.563 0 0 1-.563-.562m-3.938.562a.562.562 0 1 0-1.125 0v1.688h-2.25a.562.562 0 1 0 0 1.125h2.813a.56.56 0 0 0 .562-.563zm0-2.25a.562.562 0 1 1-1.124 0a.562.562 0 0 1 1.124 0m10.125-2.25a.563.563 0 1 0 0-1.125a.563.563 0 0 0 0 1.125m-1.687 3.375a.563.563 0 1 1-1.126 0a.563.563 0 0 1 1.126 0m3.938 3.938a.563.563 0 1 0 0-1.126a.563.563 0 0 0 0 1.126"/><defs><linearGradient id="SVGxK39Fcvb" x1="12" x2="12" y1="4.686" y2="19.311" gradientUnits="userSpaceOnUse"><stop stop-color="#30c2c2"/><stop offset=".49" stop-color="#73cd8d"/><stop offset="1" stop-color="#d6773d"/></linearGradient></defs></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

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. CroidIcon.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

aag

aart

aave