Medium Level Outline アイコン
healthicons:medium-level-outline
Medium Level Outline アイコン(healthicons:medium-level-outline)は、Health Icons セットの無料 SVG アイコンです(作者: Resolve to Save Lives)。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 48 × 48
- カテゴリ
- 記号
- タグ
- mediumlevel、leveloutline、mediumleveloutline、medium level2x outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M6.109 24a17.93 17.93 0 0 1 4.956-10.52l3.056 3.055l1.415-1.414l-3.001-3A17.93 17.93 0 0 1 23 8.027V13h2V8.027a17.92 17.92 0 0 1 10.465 4.094L32.585 15L34 16.414l2.935-2.935A17.93 17.93 0 0 1 41.891 24h-4.207v2H42a17.9 17.9 0 0 1-4.106 11.427l-3.42-3.42l-1.415 1.414l3.477 3.477l-.012.012l1.391 1.437A19.93 19.93 0 0 0 44 25.99C44 14.95 35.045 6 24 6S4 14.949 4 25.99a19.92 19.92 0 0 0 5.79 14.065l1.42-1.407l-.019-.02l3.006-3.005l-1.414-1.414l-2.919 2.918A17.9 17.9 0 0 1 6 26h4.053v-2z"/><path fill-rule="evenodd" d="m22.996 23.884l-2.37 13.82c-.028.392.088.781.326 1.094l1.923 2.212c1.125.49 1.625.49 2.568 0l1.922-2.212c.238-.313.354-.702.326-1.094L25.31 23.902c-.145-1.997-2.17-2.015-2.314-.018m2.666 13.825l-1.508-8.742l-1.5 8.742l1.411 1.622c.077.026.124.038.15.043zm-1.477 1.673l.01-.002zm-.886-15.44v-.003z" clip-rule="evenodd"/></g></svg>Medium Level Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:medium-level-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:medium-level-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:medium-level-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--medium-level-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:medium-level-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:medium-level-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/medium-level-outline.svg" alt="Medium Level Outline アイコン" width="24" height="24">Health Icons の関連アイコン
Medium Level Outline アイコン のよくある質問
Medium Level Outline アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Medium Level Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:medium-level-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Medium Level Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/medium-level-outline.svg" alt="Medium Level Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。