Seal アイコン

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

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

arcticons:seal

Seal アイコン(arcticons:seal)は、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="M14.392 18.372c-.574-1.234-.99-2.013.77-3.558c.85-10.428 14.722-14.074 18.849-.48a4.5 4.5 0 0 0 .131 1.77C37.216 21.893 38 30.26 37.57 34.816c1.064 2.146 2.238 3.142 3.558 2.597c.728 1.317 2.602 4.23-.096 4.712c-9.003.873-8.526.023-9.424-.577c-1.572 1.425-13.656.577-20.484.865c-1.364.005-3.066-.803-2.885-2.308c-2.748-1.52-4.286-10.37.9-9.294c.374-4.734 1.325-7.83 5.255-12.44Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M18.01 42.373c3.362-2.703 3.456-5.657 3.629-8.282M8.237 40.106c.63-4.43 4.859-1.138 6.873-6.15"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.138 30.812a10.15 10.15 0 0 0 1.926 6.34m20.542 4.397a11.23 11.23 0 0 0 5.963-6.732M22.08 12.638a.76.76 0 0 1-1.142-.105a.994.994 0 0 1 .379-1.223a.76.76 0 0 1 1.143.103a.99.99 0 0 1-.377 1.223m6.947.082a.91.91 0 0 1-1.13-.35a.708.708 0 0 1 .118-1.06a.91.91 0 0 1 1.13.35a.708.708 0 0 1-.117 1.059m-3.868 3.179l-.723-1.142l-.627-1.198l1.35-.055l1.351.055l-.627 1.198Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m25.163 15.847l-.024 1.106l-1.395.89m1.395-.889l1.594.883m-3.878-8.793l1.033 1.13m2.746.004l1.01-.89"/></svg>

Seal アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Arcticons の関連アイコン

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

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

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

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

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

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

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

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

Arcticons をすべて見る →