ICONYZ
日本語
Health Icons の Medical Search アイコン

Medical Search アイコン

healthicons:medical-search

Medical Search アイコン(healthicons:medical-search)は、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
カテゴリ
記号
タグ
medicalsearch
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M25 19v-4h4v4h4v4h-4v4h-4v-4h-4v-4z"/><path fill-rule="evenodd" d="M27 36c8.284 0 15-6.716 15-15S35.284 6 27 6s-15 6.716-15 15c0 3.826 1.432 7.317 3.79 9.967l-1.158 1.159l-1.705.119L6 39.172L8.828 42l6.884-6.884l.158-1.4l1.346-1.346A14.94 14.94 0 0 0 27 36m0-2c7.18 0 13-5.82 13-13S34.18 8 27 8s-13 5.82-13 13s5.82 13 13 13" clip-rule="evenodd"/><path fill-rule="evenodd" d="m16.537 30.302l.627.705l.704.605a13.94 13.94 0 0 0 8.481 3.373c-7.275-.333-13.103-6.219-13.341-13.519a13.94 13.94 0 0 0 3.53 8.836m-1.463 2.795l-1.705.12l-5.955 5.955l1.414 1.414l5.93-5.93l.158-1.4zm.638 2.02L8.828 42L6 39.172l6.927-6.927l1.705-.12l1.158-1.158A14.94 14.94 0 0 1 12 21c0-8.284 6.716-15 15-15s15 6.716 15 15s-6.716 15-15 15a14.94 14.94 0 0 1-9.784-3.63l-1.346 1.346zM26 20h-4v2h4v4h2v-4h4v-2h-4v-4h-2zm3-5v4h4v4h-4v4h-4v-4h-4v-4h4v-4zm11 6c0 7.18-5.82 13-13 13s-13-5.82-13-13S19.82 8 27 8s13 5.82 13 13" clip-rule="evenodd"/></g></svg>

Medical Search アイコンの使い方

React

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

<Icon icon="healthicons:medical-search" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:medical-search" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:medical-search" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--medical-search]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:medical-search"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:medical-search"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/medical-search.svg" alt="Medical Search アイコン" width="24" height="24">

Health Icons の関連アイコン

Medical Search アイコン のよくある質問

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

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

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

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

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

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

Health Icons をすべて見る →