nocodb logo

nocodb from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
nocodb
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the nocodb logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosNocodb(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-nocodb {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22%230381fd%22%20d%3D%22M211.57%20256H44.43C19.891%20256%200%20236.108%200%20211.57V44.43C0%2019.891%2019.892%200%2044.43%200h167.14C236.109%200%20256%2019.892%20256%2044.43v167.14c0%2024.538-19.892%2044.43-44.43%2044.43%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M162.303%20117.772c-4.996-.221-9.283%203.729-9.513%208.766c-.229%205.092%203.521%209.338%208.567%209.7c5.183.367%209.65-3.745%209.767-8.995c.112-5.117-3.734-9.246-8.821-9.471m-68.496%2018.483c5.046.117%209.196-3.838%209.358-8.917c.167-5.27-3.995-9.587-9.22-9.57c-5.034.02-9.092%204.1-9.121%209.17c-.03%205.08%203.941%209.196%208.983%209.317m71.83-76.337c-2.16%205.612-4.28%2011.129-6.53%2016.975c2.054.825%203.696%201.504%205.354%202.145c38.2%2014.746%2064.854%2051.913%2066.088%2092.171c.266%208.688-.534%209.542-9.054%209.546c-18.925.004-37.85%200-56.78%200h-6.079a27045%2027045%200%200%201%205.967%2015.47h35.65c7.758-5.562%2014.146-5.766%2018.85-.503c4.07%204.558%203.93%2012.404-.308%2016.866c-4.85%205.1-11.317%204.725-18.734-1.225c-12.266%200-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%207.654-5.934%2015.362-8.921%2023.066c-2.446%206.296-3.988%207.28-10.771%207.262c-13.108-.033-26.217-.008-39.142-.008c-7.354%205.954-13.854%206.284-18.708%201.092c-4.27-4.571-4.358-12.146-.196-16.846c4.67-5.275%2011.438-5.07%2018.696.692H97.26c1.884-4.821%203.796-9.709%205.98-15.305c-2.142-.108-3.867-.274-5.588-.274c-21.417-.017-42.833%200-64.25-.021c-6.992-.005-8.092-1.163-7.988-8.13c.646-42.929%2029.338-81.391%2070.905-95.062c1.866-.613%203.729-1.233%206.087-2.013l-5.98-15.545H59.804c-8.67%206.941-14.558%205.208-19.058.287c-4.25-4.646-3.875-12.316.466-16.82c4.871-5.055%2010.984-4.684%2018.796%201.274c12.758%200%2025.708.163%2038.65-.083c5.33-.1%208.313%202.104%2010.063%206.967c2.516%207.004%205.337%2013.9%208.208%2021.304c11.17-1.225%2019.862-.996%2028.108%200c2.475-6.4%205.188-13.48%207.954-20.538c2.55-6.504%204.209-7.637%2011.1-7.65c11.955-.016%2023.905-.004%2035.725-.004c8.705-7.45%2015.063-5.317%2019.442-.658c4.192%204.462%203.82%2012.483-.47%2016.82c-5.01%205.063-11.33%204.763-18.3-.979z%22%2F%3E%3Cpath%20fill%3D%22%230381fd%22%20d%3D%22M93.807%20136.254c-5.042-.117-9.013-4.237-8.984-9.316c.03-5.067%204.088-9.15%209.121-9.167c5.225-.021%209.388%204.296%209.221%209.567c-.163%205.079-4.312%209.033-9.358%208.916m68.496-18.482c5.087.225%208.933%204.354%208.82%209.47c-.116%205.25-4.583%209.363-9.766%208.996c-5.046-.362-8.796-4.608-8.567-9.7c.23-5.037%204.517-8.987%209.513-8.766%22%2F%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%20256%20256%22%3E%3Cpath%20fill%3D%22%230381fd%22%20d%3D%22M211.57%20256H44.43C19.891%20256%200%20236.108%200%20211.57V44.43C0%2019.891%2019.892%200%2044.43%200h167.14C236.109%200%20256%2019.892%20256%2044.43v167.14c0%2024.538-19.892%2044.43-44.43%2044.43%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M162.303%20117.772c-4.996-.221-9.283%203.729-9.513%208.766c-.229%205.092%203.521%209.338%208.567%209.7c5.183.367%209.65-3.745%209.767-8.995c.112-5.117-3.734-9.246-8.821-9.471m-68.496%2018.483c5.046.117%209.196-3.838%209.358-8.917c.167-5.27-3.995-9.587-9.22-9.57c-5.034.02-9.092%204.1-9.121%209.17c-.03%205.08%203.941%209.196%208.983%209.317m71.83-76.337c-2.16%205.612-4.28%2011.129-6.53%2016.975c2.054.825%203.696%201.504%205.354%202.145c38.2%2014.746%2064.854%2051.913%2066.088%2092.171c.266%208.688-.534%209.542-9.054%209.546c-18.925.004-37.85%200-56.78%200h-6.079a27045%2027045%200%200%201%205.967%2015.47h35.65c7.758-5.562%2014.146-5.766%2018.85-.503c4.07%204.558%203.93%2012.404-.308%2016.866c-4.85%205.1-11.317%204.725-18.734-1.225c-12.266%200-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%207.654-5.934%2015.362-8.921%2023.066c-2.446%206.296-3.988%207.28-10.771%207.262c-13.108-.033-26.217-.008-39.142-.008c-7.354%205.954-13.854%206.284-18.708%201.092c-4.27-4.571-4.358-12.146-.196-16.846c4.67-5.275%2011.438-5.07%2018.696.692H97.26c1.884-4.821%203.796-9.709%205.98-15.305c-2.142-.108-3.867-.274-5.588-.274c-21.417-.017-42.833%200-64.25-.021c-6.992-.005-8.092-1.163-7.988-8.13c.646-42.929%2029.338-81.391%2070.905-95.062c1.866-.613%203.729-1.233%206.087-2.013l-5.98-15.545H59.804c-8.67%206.941-14.558%205.208-19.058.287c-4.25-4.646-3.875-12.316.466-16.82c4.871-5.055%2010.984-4.684%2018.796%201.274c12.758%200%2025.708.163%2038.65-.083c5.33-.1%208.313%202.104%2010.063%206.967c2.516%207.004%205.337%2013.9%208.208%2021.304c11.17-1.225%2019.862-.996%2028.108%200c2.475-6.4%205.188-13.48%207.954-20.538c2.55-6.504%204.209-7.637%2011.1-7.65c11.955-.016%2023.905-.004%2035.725-.004c8.705-7.45%2015.063-5.317%2019.442-.658c4.192%204.462%203.82%2012.483-.47%2016.82c-5.01%205.063-11.33%204.763-18.3-.979z%22%2F%3E%3Cpath%20fill%3D%22%230381fd%22%20d%3D%22M93.807%20136.254c-5.042-.117-9.013-4.237-8.984-9.316c.03-5.067%204.088-9.15%209.121-9.167c5.225-.021%209.388%204.296%209.221%209.567c-.163%205.079-4.312%209.033-9.358%208.916m68.496-18.482c5.087.225%208.933%204.354%208.82%209.47c-.116%205.25-4.583%209.363-9.766%208.996c-5.046-.362-8.796-4.608-8.567-9.7c.23-5.037%204.517-8.987%209.513-8.766%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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