Blackline Icon Pack アイコン

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

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

arcticons:blackline-icon-pack

Blackline Icon Pack アイコン(arcticons:blackline-icon-pack)は、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
タグ: blacklineicon、iconpack、blacklineiconpack

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="M19.924 8.122c-.48-3.09-1.061-3.773-2.782-3.596c-1.372.141-8.968 3.21-11.993 4.448a1.004 1.004 0 0 0-.416 1.545c1.024 1.326 2.683 3.646 3.095 5.244c1.14.253 2.86 3.492 2.86 3.492c1.594-1.974 2.05-6.808 2.025-9.339s2.53-4.732 3.897-3.998s2.16 2.71 2.16 2.71"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M16.281 7.765c-1.113.43-1.502 1.797-1.502 1.797m7.576 1.671c-1.038 1.34-3.088 3.062-3.088 3.062M24 28.29c-2.202 0-3.366 1.164-3.366 1.164c.43 1.114 1.367 3.012 3.366 3.012"/><circle cx="18.363" cy="19.907" r="2.43" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24 26.645c2.1-1.392 6.473-3.17 9.453-2.505c-.285-1.101.246-4.632 1.005-5.98c0 0-.79-1.335-.714-3.764c-.76-2.936-3.366-6.934-9.744-6.934c-6.377 0-8.984 3.998-9.743 6.934c.076 2.43-.715 3.764-.715 3.764c.759 1.348 1.29 4.879 1.006 5.98c2.98-.665 7.352 1.113 9.452 2.505"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.076 8.122c.48-3.09 1.061-3.773 2.782-3.596c1.372.141 8.968 3.21 11.993 4.448c.617.253.823 1.018.416 1.545c-1.024 1.326-2.683 3.646-3.095 5.244c-1.14.253-2.86 3.492-2.86 3.492c-1.595-1.974-2.05-6.808-2.025-9.339c.026-2.53-2.53-4.732-3.897-3.998s-2.16 2.71-2.16 2.71"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31.719 7.765c1.113.43 1.502 1.797 1.502 1.797m-7.576 1.671c1.038 1.34 3.088 3.062 3.088 3.062M24 28.29c2.202 0 3.366 1.164 3.366 1.164c-.43 1.114-1.367 3.012-3.366 3.012"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.453 24.14c3.505.987 5.124 5.669 5.124 5.669c-2.024.1-2.682 1.316-2.682 1.316c1.999 1.594 2.15 3.695 2.15 3.695c-1.619-.481-2.859.38-2.859.38c1.62 1.568 1.19 3.29 1.19 3.29c-1.898-.355-2.81-.203-3.341.43c1.443.834.81 2.505.81 2.505c-.532-.962-3.088-.987-3.088-.987c-.455-2.177-4.074-2.556-4.074-2.556c-1.24-.304-2.163-2.057-2.683-3.482c-.52 1.425-1.442 3.178-2.682 3.482c0 0-3.62.38-4.075 2.556c0 0-2.556.025-3.088.987c0 0-.632-1.67.81-2.506c-.531-.632-1.442-.784-3.34-.43c0 0-.43-1.72 1.19-3.29c0 0-1.241-.86-2.86-.38c0 0 .151-2.1 2.15-3.695c0 0-.658-1.214-2.682-1.316c0 0 1.62-4.682 5.125-5.669"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M30.757 40.438c.481 1.366-.101 3.062-.101 3.062c-1.417-1.594-4.176-3.088-6.656-.278c-2.48-2.81-5.239-1.316-6.656.278c0 0-.582-1.696-.101-3.062"/><circle cx="29.637" cy="19.907" r="2.43" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/></svg>

Blackline Icon Pack アイコンの使い方

React

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

<Icon icon="arcticons:blackline-icon-pack" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:blackline-icon-pack" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:blackline-icon-pack" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:blackline-icon-pack"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/blackline-icon-pack.svg" alt="Blackline Icon Pack アイコン" width="24" height="24">

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

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

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

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

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

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

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

Arcticons をすべて見る →