Miria アイコン

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

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

arcticons:miria

Miria アイコン(arcticons:miria)は、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="M6.337 7.812A15.52 15.52 0 0 0 7.949 17.6M6.337 7.812c.298.393.76.647 1.242.735m.001 0c.141-.679.32-1.419.84-1.914m0 0c3.186-.164 6.55.72 8.956 2.886m-6.655 8.604c-1.765 3.764-2.05 8.472.2 12.107m2.596-8.178c.027 1.008-.087 2.425.902 3.022m2.332-5.529c-.425 2.334 1.048 4.602 3.119 5.6"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.844 16.397c-2.526 2.137-4.037 5.435-3.975 8.747m3.975-8.747c-.2 3.37 1.947 6.822 5.301 7.678c1.67.765 3.678.01 5.231 1.008c1.094.81 1.438 2.238 1.484 3.528"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.665 25.129c1.594-1.847 4.553-1.574 6.223.026c.612.601 2.015 1.405.663 2.17m-6.416-.85a8 8 0 0 0 .055 1.878"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.19 28.353c.033 2.179 3.456 3.163 4.237.93c.47-1.138.254-2.385.264-3.578m7.708 6.895c.159 2.212-1.194 4.324-3.15 5.301m5.011-10.216c1.888 1.503 3.467 4.258 2.094 6.594c-.567 1.005-1.466 1.778-2.415 2.41m-1.925-20.737c2.282-2.457 2.158-6.14 1.752-9.257c-1.824.434-2.006-1.889-3.805-.983c-3.035.455-6.29 1.313-8.468 3.62"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M25.617 9.143c4.928 1.112 10.063 3.722 12.301 8.491c1.25 2.695 1.235 5.809.506 8.644M25.617 9.143c-5.522-.657-11.683.463-15.712 4.56m0 0c-3.3 5.147-4.27 12.138-1.157 17.599c.484.881 1.05 1.716 1.679 2.5m0 0c.259 2.229 1.967 4.513 4.425 4.32"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.852 38.122c-.906-.632-1.544-4.008.037-2.22c.615.426 1.263.82 1.973 1.066m-4.422-4.213c4.732 3.754 11.48 3.953 16.927 1.734a28 28 0 0 0 4.383-2.171"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.221 33.666c1.335 1.21 3.576 1 4.24-.81m-12.973-5.543c.692-1.697 2.423-2.843 4.187-3.135c1.473.035 3.087.528 3.904 1.848"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.901 26.198c-.663 1.595-.525 4.074 1.45 4.624c1.926.806 3.324-1.227 3.166-2.975c.019-.366.046-.738-.02-1.1m-.704 8.867c-1.104.379-1.142 1.818-2.644 1.464c-1.26.96-2.828 3.257-.753 4.311c.287.232.601.433.937.588m-.992-.511c-.193.134-.86.826-.975 1.034"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.901 35.86c-2.65.491-.51 3.133.86 3.87a50 50 0 0 0 4.042 2.77"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.13 35.911c-.492 1.586-.054 3.343.843 4.7m1.638-4.74c-.727 1.622-1.236 3.51-.727 5.27m1.448-5.342c1.908-.142 3.84 2.05 1.632 3.338c-.93.803-2.003 1.422-3.08 2.005m4.168-5.894c2.413-.23 4.263 1.782 5.704 3.457c.177.53-.205 1.067-.433 1.522m.298-.496c1.66.922 3.8 2.278 5.646 2.77"/><ellipse cx="27.475" cy="27.42" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx=".813" ry="1.444"/><ellipse cx="17.131" cy="27.822" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx=".834" ry="1.385"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.107 28.951c1.35.8 2.932 2.238 2.286 3.986c-.408 1.155-1.332 2.03-2.258 2.786"/></svg>

Miria アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

Arcticons をすべて見る →