Codebase icon

logos:codebase

The Codebase icon (logos:codebase) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 93 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: 512 × 93

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="93" viewBox="0 0 512 93"><g fill="#1b6db2"><path d="M456.12 54.604h47.796c-.142-6.382-2.128-12.056-6.382-17.303c-4.114-5.248-9.928-7.8-17.587-7.8c-7.233 0-12.907 2.552-17.161 7.658c-4.113 5.248-6.383 11.063-6.666 17.445m-7.517 3.262c0-9.644 2.978-17.729 8.935-24.395c5.957-6.665 13.474-10.07 22.55-10.07c9.645 0 17.162 3.263 22.693 9.929s8.368 14.892 8.368 24.961v1.844h-55.03c.284 7.517 2.837 13.616 7.518 18.58s10.779 7.517 18.295 7.517c8.794 0 15.885-2.979 21.558-9.077l3.688 4.68c-6.808 7.091-15.46 10.637-25.671 10.637c-9.644 0-17.445-3.262-23.544-9.644c-6.098-6.383-9.36-14.75-9.36-24.962m-321.809 0c0 4.822 1.419 8.651 4.113 11.63c2.695 2.978 6.24 4.397 10.354 4.397c2.27 0 4.538-.568 6.95-1.702c2.41-1.135 4.254-2.553 5.673-4.255v-20.14c-1.419-1.702-3.262-3.12-5.673-4.255s-4.68-1.56-6.95-1.56c-4.255 0-7.659 1.418-10.354 4.397c-2.836 2.836-4.113 6.666-4.113 11.488m264.226 24.11l4.255-5.247c2.27 2.837 5.248 5.106 8.936 6.95c3.687 1.843 7.8 2.694 12.339 2.694c5.39 0 9.644-1.276 12.764-3.687c3.12-2.553 4.822-5.673 4.822-9.644c0-3.262-1.418-5.815-4.255-7.801a29.9 29.9 0 0 0-10.353-4.255c-3.971-.993-8.084-1.985-12.197-3.12s-7.517-2.978-10.496-5.673c-2.836-2.695-4.254-6.24-4.254-10.495c0-5.248 2.127-9.503 6.382-13.049s9.928-5.247 17.161-5.247c9.928 0 17.729 3.262 23.544 9.644l-3.972 4.964c-4.254-5.815-10.779-8.652-19.572-8.652q-7.446 0-11.913 3.404c-2.979 2.27-4.397 5.106-4.397 8.652c0 2.978 1.418 5.39 4.255 7.091s6.24 2.979 10.353 3.971c3.971.993 8.084 1.986 12.056 3.12a23.95 23.95 0 0 1 10.353 6.1c2.837 2.836 4.255 6.665 4.255 11.346c0 5.673-2.128 10.211-6.382 13.899c-4.255 3.687-10.354 5.39-18.154 5.39c-10.921.141-19.29-3.405-25.53-10.354M204.375 50.492h27.089c-.284-2.695-1.56-5.106-3.83-7.092c-2.127-2.127-5.39-3.12-9.786-3.12c-4.113 0-7.375.993-9.502 2.979c-2.27 2.127-3.546 4.538-3.971 7.233m132.467 20.14c0 4.68 1.702 8.651 4.964 11.63c3.262 2.978 7.659 4.538 13.048 4.538c8.652 0 15.318-2.979 19.856-9.077V63.397c-4.538-6.098-11.204-9.077-19.856-9.077c-5.39 0-9.644 1.56-13.048 4.68c-3.262 2.979-4.964 6.95-4.964 11.63M10.07 33.045c6.808-6.382 15.317-9.644 25.67-9.644c6.525 0 12.056 1.134 16.595 3.545s7.942 5.248 10.211 8.652L49.214 48.222c-2.836-4.113-6.95-6.24-12.48-6.24q-6.596 0-11.063 4.254c-2.837 2.837-4.397 6.666-4.397 11.63s1.419 8.793 4.397 11.63c2.836 2.836 6.524 4.397 11.063 4.397c5.247 0 9.36-2.128 12.48-6.383L62.83 80.275c-2.27 3.404-5.673 6.24-10.212 8.651s-10.07 3.546-16.594 3.546c-10.353 0-18.863-3.262-25.67-9.644C3.403 76.304 0 68.078 0 57.866s3.404-18.438 10.07-24.82m319.397 37.443c0-6.808 2.27-12.198 6.808-16.027s9.928-5.815 16.168-5.815c9.22 0 16.736 3.12 22.41 9.36v-13.33c0-4.68-1.703-8.368-4.965-11.063c-3.262-2.694-7.517-4.113-12.623-4.113c-8.226 0-15.033 3.262-20.707 9.645l-3.97-4.964c6.807-7.375 15.317-11.063 25.387-11.063c7.09 0 12.906 1.702 17.303 5.39c4.396 3.545 6.665 8.793 6.665 15.884V90.77h-7.09v-7.8c-5.674 6.24-13.19 9.36-22.41 9.502c-6.098 0-11.488-1.986-16.026-5.957c-4.68-3.971-6.95-9.219-6.95-16.026m-138.14-37.16c6.523-6.665 14.891-9.927 24.961-9.927c9.928 0 18.012 3.404 24.253 10.07c6.24 6.665 9.36 15.6 9.36 26.663v4.822h-46.803c.851 3.262 2.553 5.815 5.39 7.8q4.255 2.98 11.062 2.98c2.553 0 5.39-.568 8.51-1.56c3.12-.994 5.673-2.412 7.517-3.972l9.219 13.757c-3.12 2.837-7.234 4.964-12.198 6.383c-4.964 1.56-10.07 2.269-15.317 2.269c-10.354 0-18.863-3.12-25.671-9.503q-10.212-9.573-10.212-25.103c.142-9.928 3.404-18.012 9.928-24.678m78.005 40.989c1.985 3.262 4.964 6.099 9.077 8.368c3.971 2.27 8.226 3.404 12.623 3.404c7.233 0 12.764-2.695 16.877-7.943s6.099-11.913 6.099-20.14c0-8.225-1.986-15.033-6.099-20.28s-9.644-7.943-16.877-7.943c-4.397 0-8.51 1.135-12.623 3.546s-7.092 5.247-9.077 8.51zm-155.87-41.556q8.085-9.36 20.85-9.36c7.942 0 14.466 3.12 19.43 9.502V0h20.849v90.77h-20.85v-7.659c-5.389 6.099-11.913 9.22-19.43 9.361c-8.368 0-15.317-3.12-20.848-9.219c-2.837-3.262-4.964-7.091-6.383-11.63l14.041-14.04v-1.135l-13.473-13.616c1.418-3.83 3.262-7.233 5.815-10.07m148.92 58.008V0h7.092v35.74c5.815-8.225 13.473-12.197 22.834-12.338c8.793 0 15.885 3.12 21.274 9.502q8.084 9.573 8.084 25.104t-8.084 25.103q-8.084 9.36-21.274 9.361c-4.68 0-9.077-1.135-13.048-3.404a30.8 30.8 0 0 1-9.786-8.793V90.77z"/><path d="m82.26 80.133l-5.815 6.099l-28.082-28.65v-1.134l28.224-28.791l5.815 6.098l6.24-6.098l28.366 28.79v1.135l-28.365 28.65zm.426-36.592L69.07 57.015l13.758 13.332l13.048-13.332z"/></g></svg>

How to use the Codebase icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:codebase" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:codebase" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:codebase" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--codebase]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:codebase"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:codebase"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/codebase.svg" alt="Codebase icon" width="24" height="24">

Codebase icon FAQ

Is the Codebase 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 Codebase icon in React?

Install @iconify/react and render <Icon icon="logos:codebase" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Codebase icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/codebase.svg" alt="Codebase icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →