Yoga Meditate アイコン
streamline-ultimate-color:yoga-meditate
Yoga Meditate アイコン(streamline-ultimate-color:yoga-meditate)は、Ultimate color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- スポーツ
- タグ
- yogameditate
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#66e1ff" d="M21.937 10.614a1.435 1.435 0 0 0-1.758 1.013a1.396 1.396 0 0 1-1.483.85c-.836 0-2.25-1.345-2.997-2.983a1.44 1.44 0 0 0-1.307-.842H9.61a1.43 1.43 0 0 0-1.308.842c-.745 1.638-2.16 2.983-2.996 2.983a1.396 1.396 0 0 1-1.483-.85a1.436 1.436 0 1 0-2.774.745a4.28 4.28 0 0 0 4.257 2.975a4.17 4.17 0 0 0 3.348-1.435v4.077l-2.487-.68a1.435 1.435 0 1 0-.756 2.77l1.38.376a1.435 1.435 0 0 0 1.289 2.492l3.92-1.07l3.926 1.07a1.435 1.435 0 0 0 1.288-2.492l1.38-.377a1.435 1.435 0 0 0-.755-2.769l-2.491.68v-4.077a4.17 4.17 0 0 0 3.347 1.435a4.276 4.276 0 0 0 4.254-2.975a1.435 1.435 0 0 0-1.013-1.758"/><path fill="#c2f3ff" d="M5.306 13.912c3.347 0 3.347-3.347 6.695-3.347c3.347 0 3.347 3.347 6.694 3.347c2.063 0 3.037-1.817 3.48-3.21a1.435 1.435 0 0 0-1.996.925a1.396 1.396 0 0 1-1.484.85c-.835 0-2.25-1.345-2.997-2.983a1.44 1.44 0 0 0-1.306-.842H9.609a1.43 1.43 0 0 0-1.308.842c-.745 1.638-2.16 2.984-2.995 2.984a1.396 1.396 0 0 1-1.484-.85a1.435 1.435 0 0 0-1.996-.926c.443 1.393 1.417 3.21 3.48 3.21"/><path fill="#ffdda1" stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M12.002 6.739c2.208 0 3.589-2.391 2.484-4.304A2.87 2.87 0 0 0 12.001 1C9.794 1 8.413 3.392 9.518 5.304a2.87 2.87 0 0 0 2.485 1.435"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M6.508 22.361c.342.512.973.748 1.567.586l3.922-1.07m.653-2.8l4.032 1.1a1.434 1.434 0 1 1-.754 2.768l-10.52-2.869a1.435 1.435 0 0 1 .76-2.767l2.491.68v-4.077a4.17 4.17 0 0 1-3.352 1.435a4.276 4.276 0 0 1-4.254-2.975a1.436 1.436 0 1 1 2.773-.745c.243.588.851.937 1.48.85c.837 0 2.251-1.345 2.998-2.983a1.44 1.44 0 0 1 1.307-.842h4.782a1.43 1.43 0 0 1 1.308.842c.747 1.638 2.162 2.983 2.997 2.983a1.396 1.396 0 0 0 1.484-.85a1.436 1.436 0 0 1 2.774.745a4.28 4.28 0 0 1-4.26 2.975a4.17 4.17 0 0 1-3.347-1.435v4.077l2.492-.68a1.435 1.435 0 0 1 1.293 2.487M8.653 12.478v1.434m6.696-1.434v1.434"/></g></svg>Yoga Meditate アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:yoga-meditate" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:yoga-meditate" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:yoga-meditate" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--yoga-meditate]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:yoga-meditate"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:yoga-meditate"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/yoga-meditate.svg" alt="Yoga Meditate アイコン" width="24" height="24">Ultimate color icons の関連アイコン
Yoga Meditate アイコン のよくある質問
Yoga Meditate アイコンは商用利用でも無料ですか?
はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Yoga Meditate アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate-color:yoga-meditate" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yoga Meditate アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/yoga-meditate.svg" alt="Yoga Meditate アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。