Basic Fit アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:basic-fit

Basic Fit アイコン(arcticons:basic-fit)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: basicfit

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m25.71 21.93l-.607-1.085c.147-.768.268-1.578-.146-2.515c-.182-.41.147-1.294.17-2.043c.022-.742-.361-.761-.22-2.158c.315.01.753-.358.369-.481c-.04-.327-.017-1.178-.41-1.199c-.39-.02-.839.204-1.125.5c-.309.319-.034.677.212.98c-.126 1.83-.585 2.25-.21 3.74c-.25 2.54-.349 2.656-.296 4.546c-2.186 3.164-1.746 3.03-2.259 4.599c-2.227 3.491-1.84 7.726-2.066 8.458c-.338.863-.846 1.763-.965 2.578l-.369 2.521l-1.088 1.996c-.477.876.773 1.483 1.354.907c.473-.546.966-1.072 1.747-1.301c.019-.952.047-1.904.226-2.808c.16-.805.86-2.086.904-3.407l1.794-3.386c.15-.284.63-.285.862.068l1.422 2.166c.462.703.86 1.062 1.085 2.038c.568 1.434 1.69 2.621 2 3.375c.091.94-.023 1.453.74 1.668l-.064.817c1.15.146 1.425.683 3.603.58c.241-.322-.13-1.117-1.002-1.477c-.786-.325-1.23-1.792-1.775-2.94c-.249-1.275-.76-1.89-1.416-2.835c-.823-1.187-.345-2.428-1.829-4.535c-.044-.847-.425-1.41-.829-1.953l.227-.503c.29-.643.539-1.02.522-1.97c.864-.414 1.783-1.499 1.295-2.43c-.254-.485-.588-.93-.452-1.39c.306-1.028 1.912-1.027 1.76-3.06c-.106-1.396-1.88-1.44-2.484-.817c-.606.625-.64 1.582-.2 2.304zm.427-10.882l6.453.028m-17.18-.074l6.437.028m1.947-6.53l.121 4.812m-1.514.681l-2.963-3.236m9.11-.285l-3.133 3.376"/></svg>

Basic Fit アイコンの使い方

React

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

<Icon icon="arcticons:basic-fit" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:basic-fit" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:basic-fit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--basic-fit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:basic-fit"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:basic-fit"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/basic-fit.svg" alt="Basic Fit アイコン" width="24" height="24">

Basic Fit アイコンのよくある質問

Basic Fit アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Basic Fit アイコンを使うには?

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

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

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

Arcticons をすべて見る →