Bined アイコン

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

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

arcticons:bined

Bined アイコン(arcticons:bined)は、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

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="M32.784 15.309L28.32 22.05m2.237-7.78a2.92 2.92 0 0 1 2.918 2.92v2.978a2.92 2.92 0 0 1-2.92 2.92h0a2.92 2.92 0 0 1-2.919-2.92v-2.977a2.92 2.92 0 0 1 2.92-2.92m-9.53 1.2l2.203-1.2v8.817"/><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m26.174 26.058l-4.464 6.74"/><rect width="5.839" height="8.817" x="21.026" y="25.019" rx="2.92" ry="2.92"/></g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m14.415 26.219l2.204-1.2v8.818"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m40.897 26.772l-.024 5.926c-.005 1.179-.802 2.013-2.26 2.04c-1.394.025-3.024-.436-3.031 2.26c-.004 1.393.26 3.183-2.398 3.171H9.842c-1.994 0-2.342-.825-2.342-2.481V16.46c0-1.74.186-2.441 1.323-2.509h2.315c1.35-.08 2.292-.939 2.315-2.398V9.788c.022-1.465.756-1.965 2.287-1.957h22.542c2.34.011 2.587 1.34 2.59 2.591l.025 8.213"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m14.415 15.471l2.204-1.2v8.817m11.177 9.845l-1.622 5.417l5.444-1.618"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m27.988 33.589l3.09 2.952a.7.7 0 0 0 1-.036l11.867-13.098c.803-1.066.72-3.139-.152-4.036c-1.057-1.088-3.18-1.098-4.145-.047L27.946 32.621a.7.7 0 0 0 .042.967Zm9.626-11.911l4.259 4.007"/></svg>

Bined アイコンの使い方

React

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

<Icon icon="arcticons:bined" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:bined" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:bined" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:bined"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/bined.svg" alt="Bined アイコン" width="24" height="24">

Bined アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →