Home/Libraries/SVG Logos (Iconify)/nocodb

SVG Logos (Iconify)

Nocodb

License: CC0-1.0Commercial 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 256 256"><path fill="#818cf8" d="M211.57 256H44.43C19.891 256 0 236.108 0 211.57V44.43C0 19.891 19.892 0 44.43 0h167.14C236.109 0 256 19.892 256 44.43v167.14c0 24.538-19.892 44.43-44.43 44.43"/><path fill="#818cf8" d="M162.303 117.772c-4.996-.221-9.283 3.729-9.513 8.766c-.229 5.092 3.521 9.338 8.567 9.7c5.183.367 9.65-3.745 9.767-8.995c.112-5.117-3.734-9.246-8.821-9.471m-68.496 18.483c5.046.117 9.196-3.838 9.358-8.917c.167-5.27-3.995-9.587-9.22-9.57c-5.034.02-9.092 4.1-9.121 9.17c-.03 5.08 3.941 9.196 8.983 9.317m71.83-76.337c-2.16 5.612-4.28 11.129-6.53 16.975c2.054.825 3.696 1.504 5.354 2.145c38.2 14.746 64.854 51.913 66.088 92.171c.266 8.688-.534 9.542-9.054 9.546c-18.925.004-37.85 0-56.78 0h-6.079a27045 27045 0 0 1 5.967 15.47h35.65c7.758-5.562 14.146-5.766 18.85-.503c4.07 4.558 3.93 12.404-.308 16.866c-4.85 5.1-11.317 4.725-18.734-1.225c-12.266 0-24.716.009-37.162-.004c-6.93-.008-8.446-1.137-10.934-7.75c-2.8-7.442-5.662-14.858-8.587-22.52h-24.733c-2.959 7.654-5.934 15.362-8.921 23.066c-2.446 6.296-3.988 7.28-10.771 7.262c-13.108-.033-26.217-.008-39.142-.008c-7.354 5.954-13.854 6.284-18.708 1.092c-4.27-4.571-4.358-12.146-.196-16.846c4.67-5.275 11.438-5.07 18.696.692H97.26c1.884-4.821 3.796-9.709 5.98-15.305c-2.142-.108-3.867-.274-5.588-.274c-21.417-.017-42.833 0-64.25-.021c-6.992-.005-8.092-1.163-7.988-8.13c.646-42.929 29.338-81.391 70.905-95.062c1.866-.613 3.729-1.233 6.087-2.013l-5.98-15.545H59.804c-8.67 6.941-14.558 5.208-19.058.287c-4.25-4.646-3.875-12.316.466-16.82c4.871-5.055 10.984-4.684 18.796 1.274c12.758 0 25.708.163 38.65-.083c5.33-.1 8.313 2.104 10.063 6.967c2.516 7.004 5.337 13.9 8.208 21.304c11.17-1.225 19.862-.996 28.108 0c2.475-6.4 5.188-13.48 7.954-20.538c2.55-6.504 4.209-7.637 11.1-7.65c11.955-.016 23.905-.004 35.725-.004c8.705-7.45 15.063-5.317 19.442-.658c4.192 4.462 3.82 12.483-.47 16.82c-5.01 5.063-11.33 4.763-18.3-.979z"/><path fill="#818cf8" d="M93.807 136.254c-5.042-.117-9.013-4.237-8.984-9.316c.03-5.067 4.088-9.15 9.121-9.167c5.225-.021 9.388 4.296 9.221 9.567c-.163 5.079-4.312 9.033-9.358 8.916m68.496-18.482c5.087.225 8.933 4.354 8.82 9.47c-.116 5.25-4.583 9.363-9.766 8.996c-5.046-.362-8.796-4.608-8.567-9.7c.23-5.037 4.517-8.987 9.513-8.766"/></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. NocodbIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** 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.