Mt Capsule アイコン

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

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

arcticons:mt-capsule

Mt Capsule アイコン(arcticons:mt-capsule)は、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
タグ: mtcapsule

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="M17.918 22.147a2.123 2.123 0 0 1-2.141-2.105a2.123 2.123 0 0 1 2.11-2.136a2.123 2.123 0 0 1 2.139 2.207a2.106 2.106 0 0 1-2.108 2.034m12.302 0a2.123 2.123 0 0 1-2.14-2.105a2.123 2.123 0 0 1 2.11-2.136a2.123 2.123 0 0 1 2.139 2.207a2.106 2.106 0 0 1-2.109 2.034"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.035 9.165c8.321 0 15.067 6.73 15.067 15.034v0a2.14 2.14 0 0 1-2.143 2.138H11.041a2.14 2.14 0 0 1-2.143-2.138v0c0-8.303 6.746-15.034 15.067-15.034zM11.04 6.923l4.286 5.018m21.737-5.018l-4.268 5.018m10.411 13.017l.552.307a2.41 2.41 0 0 1 .935 3.29l-.888 1.593a2.41 2.41 0 0 1-3.29.935l-.551-.308a2.41 2.41 0 0 1-.935-3.289l.888-1.593a2.41 2.41 0 0 1 3.29-.935m-38.413 0l-.552.307a2.41 2.41 0 0 0-.935 3.29l.888 1.593a2.41 2.41 0 0 0 3.29.935l.551-.308a2.41 2.41 0 0 0 .935-3.289l-.888-1.593a2.41 2.41 0 0 0-3.29-.935"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M9.268 28.864a5.5 5.5 0 0 1 1.681-.263v0h26.102c.587 0 1.152.093 1.681.263m3.071 2.52c.438.785.688 1.69.688 2.657v1.596a5.43 5.43 0 0 1-5.44 5.44H10.949a5.43 5.43 0 0 1-5.44-5.44V34.04c0-.966.25-1.872.688-2.657"/></svg>

Mt Capsule アイコンの使い方

React

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

<Icon icon="arcticons:mt-capsule" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:mt-capsule" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:mt-capsule" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:mt-capsule"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/mt-capsule.svg" alt="Mt Capsule アイコン" width="24" height="24">

Arcticons の関連アイコン

Mt Capsule アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →