Simple アイコン

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

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

arcticons:simple

Simple アイコン(arcticons:simple)は、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="M43.39 22a11.63 11.63 0 0 0-6.9-10.62A11.62 11.62 0 0 0 18.55 7.1h-.3A11.63 11.63 0 0 0 6.69 19.9a11.61 11.61 0 0 0 4.87 17.26A11.6 11.6 0 0 0 29 41.06h.86a11.63 11.63 0 0 0 11.65-11.59c0-.35 0-.69-.06-1A11.5 11.5 0 0 0 43.39 22"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M6.69 19.9c.95 5.33 2.76 6.86 4.19 8.3s5.95 5.25 7 6.79m23.57-6.55c-1-5.33-2.76-6.87-4.19-8.3s-5.95-5.26-7-6.8"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29 41.06c4.14-3.5 4.57-5.83 5.09-7.79s.89-5.47 2.38-9.46a17 17 0 0 0 0-12.41M18.55 7.1c-4.14 3.5-4.09 6.23-4.61 8.19a69 69 0 0 1-2.38 9.46a17 17 0 0 0 0 12.41"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.46 31.24c-4.71 3.34-7.43 2.76-11 4c-2.12.71-3.42 2.19-9.94 2.62c-4.28.29-5.92-.66-5.92-.66M9.59 17.32c4.71-3.33 7.43-2.76 11-4c2.12-.71 3.42-2.19 9.94-2.62c4.28-.28 5.92.66 5.92.66"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.18 11.12c-1.57-1.66-5.05-4-8.63-4m2.25 30.33a11.85 11.85 0 0 0 8.2 3.61"/></svg>

Simple アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Arcticons の関連アイコン

他のアイコンセットの Simple アイコン

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

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

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

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

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

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

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

Arcticons をすべて見る →