Basecamp icon

logos:basecamp

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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="113" viewBox="0 0 512 113"><path fill="#1d2d35" d="M150.211 31.053h21.487c11.901 0 18.08 4.88 18.08 14.043v.457a11.235 11.235 0 0 1-8.847 11.69c6.556.578 11.425 6.324 10.919 12.885v.316c0 10.006-6.566 15.272-19.17 15.272h-22.469zm19.485 22.434c5.969 0 8.321-2.141 8.321-7.021v-.316c0-4.565-2.598-6.636-8.39-6.636h-7.338v14.043zm1.054 23.628c6.108 0 8.882-2.774 8.882-7.724v-.316c0-5.055-2.774-7.618-9.48-7.618h-7.863V77.15zm24.33-2.528c0-9.339 8.53-12.85 20.784-12.85h4.493v-1.58c0-4.739-1.44-7.337-6.495-7.337a6.04 6.04 0 0 0-6.74 5.652h-10.533c.702-9.479 8.18-13.692 17.976-13.692s16.711 3.968 16.711 14.816v26.05h-10.778v-4.81a13.52 13.52 0 0 1-12.077 5.653c-7.233 0-13.341-3.511-13.341-11.902m25.277-2.914v-3.51h-4.283c-6.425 0-10.146 1.404-10.146 5.652c0 2.914 1.755 4.81 5.793 4.81c4.88.14 8.636-2.528 8.636-6.952m15.588 1.44h10.322c.457 3.51 2.212 5.652 7.022 5.652c4.283 0 6.284-1.58 6.284-4.353c0-2.774-2.387-3.897-8.11-4.705c-10.532-1.615-14.745-4.67-14.745-12.463c0-7.794 7.653-12.464 15.798-12.464c8.883 0 15.518 3.23 16.501 12.393h-10.146c-.597-3.3-2.458-4.81-6.25-4.81s-5.652 1.686-5.652 4.108c0 2.423 1.896 3.511 7.689 4.354c10.006 1.44 15.518 3.967 15.518 12.533c0 8.567-6.25 13.13-16.817 13.13s-17.027-4.739-17.414-13.375m37.074-6.952v-.597a19.836 19.836 0 0 1 20.539-20.784c10.321 0 19.485 6.039 19.485 20.328v3.054h-28.684c.281 6.636 3.897 10.533 9.9 10.533c5.127 0 7.654-2.212 8.357-5.582h10.532c-1.299 8.636-8.18 13.446-19.099 13.446c-12.253-.07-21.03-7.619-21.03-20.398m29.245-4.81c-.35-6.038-3.44-8.777-8.706-8.777a9.163 9.163 0 0 0-9.199 8.777zm13.693 4.81v-.597a19.836 19.836 0 0 1 20.608-20.784c9.269 0 17.8 4.038 18.818 15.518h-10.532a7.373 7.373 0 0 0-8.11-6.81c-5.723 0-9.55 4.282-9.55 11.936v.597c0 8.04 3.511 12.147 9.795 12.147a8.075 8.075 0 0 0 8.532-7.724h10.005c-.596 9.48-7.478 16.045-19.098 16.045c-11.621 0-20.468-7.268-20.468-20.328m42.13 8.426c0-9.339 8.53-12.85 20.748-12.85h4.53v-1.58c0-4.739-1.475-7.337-6.496-7.337a6.04 6.04 0 0 0-6.81 5.652h-10.533c.702-9.479 8.18-13.692 17.94-13.692s16.746 3.968 16.746 14.816v26.05h-10.778v-4.81a13.52 13.52 0 0 1-12.077 5.653c-7.021 0-13.27-3.511-13.27-11.902m25.277-2.914v-3.51h-4.213c-6.425 0-10.181 1.404-10.181 5.652c0 2.914 1.79 4.81 5.828 4.81c4.95.14 8.707-2.528 8.707-6.952zm18.642-26.12h11.06v6.109a13.66 13.66 0 0 1 12.217-7.022a11.02 11.02 0 0 1 11.164 7.022a15.83 15.83 0 0 1 13.447-7.022c7.408 0 13.13 4.67 13.13 15.272v25.594h-10.989V61.28c0-5.126-2.282-7.408-6.284-7.408a7.408 7.408 0 0 0-7.689 8.18v23.593h-11.024V61.281c0-5.126-2.352-7.408-6.249-7.408a7.408 7.408 0 0 0-7.724 8.18v23.593h-11.059zm68.602 0h11.094v6.284a14.85 14.85 0 0 1 12.744-7.197c9.795 0 17.554 7.267 17.554 20.468v.632c0 13.2-7.478 20.608-17.554 20.608a14.04 14.04 0 0 1-12.744-7.021v19.941h-11.094zm30.017 20.257v-.632c0-8.075-3.967-12.042-9.55-12.042c-5.582 0-9.76 4.037-9.76 12.042v.632c0 8.005 3.827 11.902 9.866 11.902s9.444-4.073 9.444-11.762zM68.129 0c23.044 0 41.06 17.605 51.475 42.217l.97 2.365a122.5 122.5 0 0 1 4.82 14.964l.633 2.604a138 138 0 0 1 3.228 21.604a6 6 0 0 1-.785 3.406c-9.68 16.803-31.216 24.918-58.683 25.212l-1.56.008a72.24 72.24 0 0 1-55.164-24.23a5.99 5.99 0 0 1-1.139-6.057l.875-2.24l.733-1.78q.195-.465.402-.946c1.573-3.677 3.318-7.357 5.199-10.82c5.04-9.28 10.029-15.433 15.974-17.468a12.1 12.1 0 0 1 3.881-.67c5.305 0 8.731 2.38 14.226 8.096l3.145 3.304l1.086 1.082l.682.607l.522.428l.213-.22c.75-.797 1.623-1.897 2.583-3.252l.487-.7c1.144-1.669 2.364-3.625 3.632-5.806a178 178 0 0 0 4.843-8.963l1.134-2.275l.857-1.775a5.986 5.986 0 0 1 11.049 4.577l-.286.666l-1.25 2.571l-.823 1.643a190 190 0 0 1-5.174 9.573c-1.407 2.42-2.78 4.622-4.108 6.56c-4.444 6.481-7.914 9.9-12.701 9.9c-3.602 0-5.553-.77-8.917-3.903l-1.055-1.012l-1.158-1.163l-1.971-2.05l-1.304-1.373l-1.061-1.08q-.251-.25-.487-.479l-.888-.839a27 27 0 0 0-.78-.688l-.677-.546c-.732-.556-1.263-.836-1.63-.898l-.13-.012l-.062.023c-1.424.488-3.556 2.714-5.92 6.2l-.957 1.46a68 68 0 0 0-1.466 2.429l-.989 1.767a114 114 0 0 0-3.833 7.804l-1.307 3.017l.434.43c11.12 10.86 26.054 17.032 41.752 17.145l1.429-.007c22.936 0 40.411-5.857 48.472-16.924l.56-.802l-.063-.755c-.82-8.955-2.585-17.656-5.156-25.707l-.795-2.395c-8.192-23.75-23.502-41.279-42.097-41.84l-.921-.014c-25.851 0-43.231 17.542-54.85 47.71l-1.106 2.96q-.273.749-.54 1.508a5.986 5.986 0 0 1-11.29-3.982l.542-1.519L2 55.661C15.21 21.17 36.064 0 68.13 0"/></svg>

How to use the Basecamp icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Basecamp icon in other icon sets

Basecamp icon FAQ

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

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

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

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

Browse all SVG Logos icons →