Meditation Filled アイコン
reicon:meditation-filled
Meditation Filled アイコン(reicon:meditation-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5 4.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0"/><path fill-rule="evenodd" d="M12.869 9.822a5.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.002l2.588 1.309a.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.421.944l-.113.029l-.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-.638L12.55 18.4a.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.422-.943l-.07-.093L13.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.321c-.602 0-.973 0-1.342-.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"/></g></svg>Meditation Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:meditation-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:meditation-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:meditation-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--meditation-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:meditation-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:meditation-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/meditation-filled.svg" alt="Meditation Filled アイコン" width="24" height="24">Reicon の関連アイコン
Meditation Filled アイコン のよくある質問
Meditation Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Meditation Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:meditation-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Meditation Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/meditation-filled.svg" alt="Meditation Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。