Meditation アイコン

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

はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

reicon:meditation

Meditation アイコン(reicon:meditation)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Reicon
作者: REICON
ライセンス: MIT
サイズ: 24 × 24
カテゴリ: スポーツ

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.75a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 0 0 0-3.5M8.75 4.5a3.25 3.25 0 1 1 6.5 0a3.25 3.25 0 0 1-6.5 0m4.119 5.322a5.3 5.3 0 0 0-1.738 0c-2.507.423-4.38 2.624-4.38 5.198c0 .564-.317 1.085-.824 1.341L3.338 17.67a.75.75 0 0 1-.676-1.338l2.587-1.308l.001-.003c0-3.306 2.402-6.133 5.632-6.677a6.8 6.8 0 0 1 2.236 0c3.23.544 5.632 3.371 5.632 6.677v.003l2.588 1.308a.75.75 0 1 1-.676 1.338l-2.589-1.308a1.5 1.5 0 0 1-.823-1.341c0-2.574-1.873-4.775-4.381-5.198M9.95 15.4a.75.75 0 0 1 .15 1.05l-1.046 1.395l-.071.093a2.75 2.75 0 0 1-1.534.973l-.008.002l-1.485.371a1.59 1.59 0 0 0-1.206 1.545c0 .232.189.421.421.421h1.556c.617 0 .865-.001 1.103-.03a4.25 4.25 0 0 0 1.64-.546c.206-.12.405-.268.898-.638l.182-.136l2-1.5a.75.75 0 0 1 .9 1.2l-.904.678l1.257.472c.627.235.88.328 1.137.389q.207.048.42.076c.261.034.53.035 1.2.035h2.269a.42.42 0 0 0 .421-.421c0-.73-.497-1.368-1.206-1.545l-1.493-.373l-.112-.03a2.75 2.75 0 0 1-1.492-1.036l-.005-.006L13.9 16.45a.75.75 0 1 1 1.2-.9l1.042 1.389l.052.069a1.25 1.25 0 0 0 .729.45l1.485.37a3.09 3.09 0 0 1 2.342 3c0 1.062-.86 1.922-1.921 1.922h-2.32c-.603 0-.974 0-1.343-.048a6 6 0 0 1-.568-.103c-.362-.085-.71-.215-1.273-.426l-2.203-.826c-.381.285-.632.47-.9.624a5.75 5.75 0 0 1-2.217.74c-.335.04-.676.039-1.23.039H5.172a1.92 1.92 0 0 1-1.92-1.921a3.09 3.09 0 0 1 2.341-3l1.485-.371l.084-.022a1.25 1.25 0 0 0 .697-.497L8.9 15.55a.75.75 0 0 1 1.05-.15" clip-rule="evenodd"/></svg>

Meditation アイコンの使い方

React

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

<Icon icon="reicon:meditation" width="24" />

Vue

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

<template>
  <Icon icon="reicon:meditation" width="24" />
</template>

Svelte

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

<Icon icon="reicon:meditation" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="reicon:meditation"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/reicon/meditation.svg" alt="Meditation アイコン" width="24" height="24">

Reicon の関連アイコン

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

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

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

はい。Reicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Reicon アイコンをすべて見る →