Basecamp Icon アイコン

Q: Basecamp Icon アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:basecamp-icon

Basecamp Icon アイコン(logos:basecamp-icon)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 223 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 223
タグ: basecampicon

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="223" viewBox="0 0 256 223"><path fill="#1d2d35" d="M134.92 0c45.635 0 81.314 34.865 101.94 83.605l1.918 4.683c3.746 9.447 6.94 19.374 9.546 29.635l1.255 5.157c3.213 13.824 5.371 28.2 6.392 42.782a11.85 11.85 0 0 1-1.554 6.745c-19.17 33.278-61.82 49.347-116.213 49.93l-3.091.016a143.05 143.05 0 0 1-109.24-47.987a11.85 11.85 0 0 1-2.257-11.994l1.733-4.435l1.452-3.526q.386-.92.794-1.874c3.117-7.281 6.572-14.57 10.297-21.428c9.982-18.378 19.86-30.562 31.635-34.593a24 24 0 0 1 7.685-1.326c10.505 0 17.291 4.712 28.173 16.033l6.227 6.543l2.152 2.142l1.351 1.203l1.032.847l.423-.434c1.483-1.58 3.215-3.758 5.115-6.442l.964-1.384c2.267-3.307 4.683-7.18 7.193-11.499c3.268-5.621 6.52-11.684 9.592-17.751l2.245-4.504l1.696-3.516c2.779-5.928 9.837-8.481 15.765-5.703c5.599 2.625 8.187 9.066 6.116 14.768l-.565 1.318l-2.475 5.091l-1.63 3.255c-3.264 6.447-6.724 12.899-10.247 18.958c-2.787 4.793-5.505 9.152-8.136 12.989c-8.8 12.836-15.671 19.606-25.152 19.606c-7.133 0-10.997-1.525-17.66-7.728l-2.089-2.004l-2.293-2.304l-3.903-4.059l-2.583-2.718l-2.1-2.14q-.496-.494-.964-.948l-1.76-1.662a53 53 0 0 0-1.545-1.363l-1.34-1.08c-1.449-1.102-2.501-1.658-3.229-1.78l-.257-.023l-.122.046c-2.82.965-7.042 5.374-11.723 12.278l-1.895 2.893a135 135 0 0 0-2.904 4.808l-1.958 3.5c-2.67 4.915-5.22 10.15-7.59 15.454l-2.59 5.975l.86.852c22.023 21.507 51.596 33.728 82.683 33.952l2.83-.013c45.422 0 80.03-11.6 95.992-33.516l1.11-1.588l-.126-1.494c-1.621-17.735-5.118-34.967-10.21-50.91l-1.574-4.744c-16.223-47.031-46.543-81.746-83.367-82.858l-1.824-.027c-51.195 0-85.613 34.739-108.623 94.484l-2.19 5.859q-.54 1.484-1.07 2.988c-2.178 6.174-8.948 9.414-15.122 7.236c-6.175-2.178-9.414-8.948-7.237-15.122l1.075-3.007l2.206-5.919C30.121 41.927 71.419 0 134.919 0"/></svg>

Basecamp Icon アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/basecamp-icon.svg" alt="Basecamp Icon アイコン" width="24" height="24">

SVG Logos の関連アイコン

Basecamp Icon アイコンのよくある質問

Basecamp Icon アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Basecamp Icon アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:basecamp-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Basecamp Icon アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/basecamp-icon.svg" alt="Basecamp Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →