Nocodb icon
logos:nocodb
The Nocodb icon (logos:nocodb) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#0381fd" 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="#fff" 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="#0381fd" 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>How to use the Nocodb icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:nocodb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:nocodb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:nocodb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--nocodb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:nocodb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:nocodb"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/nocodb.svg" alt="Nocodb icon" width="24" height="24">Nocodb icon in other icon sets
Nocodb icon FAQ
Is the Nocodb icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Nocodb icon in React?
Install @iconify/react and render <Icon icon="logos:nocodb" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Nocodb icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/nocodb.svg" alt="Nocodb icon">, or paste the SVG code inline to style it with CSS.