I Surgery アイコン

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

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

medical-icon:i-surgery

I Surgery アイコン(medical-icon:i-surgery)は、Medical Icons セットの無料 SVG アイコンです（作者: Samuel Frémondière）。 64 × 64 のグリッドで描かれています。 Medical Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Medical Icons
作者: Samuel Frémondière
ライセンス: MIT
サイズ: 64 × 64
タグ: isurgery

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M3.184 4.304a.407.407 0 0 1 .162-.555l2.97-1.618a.406.406 0 0 1 .554.164l1.191 2.173c4.503-1.35 9.492.57 11.835 4.861l-5.755 3.142a3.599 3.599 0 0 1-6.321 3.447l-5.757 3.138C-.282 14.767.795 9.533 4.373 6.478L3.184 4.303zm40.547 39.142H63.1v20.022H43.731zm-2.22 10.007H25.868a4.947 4.947 0 0 1-4.946-4.942a4.944 4.944 0 0 1 4.946-4.941h15.643zM7.784 57.462c0-1.105.895-2.002 2.001-2.002H41.51v8.006H7.784v-6.005zm12.03-9.975a5.97 5.97 0 0 1-5.975 5.966a5.97 5.97 0 0 1-5.976-5.966c0-3.293 2.675-5.963 5.976-5.963c3.299 0 5.975 2.67 5.975 5.963m32.66-16.707l-3.361-9.569c-.652-1.804-1.904-3.212-5.438-3.212H28.159c-3.533 0-4.787 1.408-5.436 3.212l-3.36 9.569c-.251.618-.381 2.007.986 2.937l7.901 5.206a2.507 2.507 0 0 0 3.469-.707a2.503 2.503 0 0 0-.713-3.468l-6.271-4.133l1.765-4.869h2.443l-1.431 3.95l4.761 3.138a4.76 4.76 0 0 1 2.057 3.039a4.76 4.76 0 0 1-.692 3.608a4.8 4.8 0 0 1-1.016 1.098h6.592a4.9 4.9 0 0 1-1.017-1.098a4.77 4.77 0 0 1-.694-3.608a4.77 4.77 0 0 1 2.058-3.039l4.764-3.138l-1.437-3.95h2.445l1.769 4.869l-6.274 4.133c-1.153.76-1.475 2.317-.712 3.468s2.317 1.469 3.47.707l7.9-5.206c1.368-.931 1.239-2.319.989-2.937zM37.461 8.634a2.36 2.36 0 0 1-2.144 1.373a2.37 2.37 0 0 1-2.149-1.373H28.84c-.07.38-.111.769-.111 1.17a6.61 6.61 0 0 0 6.611 6.603a6.607 6.607 0 0 0 6.612-6.603c0-.402-.043-.79-.11-1.17zm-4.439-1.559a2.37 2.37 0 0 1 2.295-1.788c1.106 0 2.039.764 2.291 1.788h3.75a6.61 6.61 0 0 0-6.017-3.876a6.61 6.61 0 0 0-6.017 3.876z"/></svg>

I Surgery アイコンの使い方

React

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

<Icon icon="medical-icon:i-surgery" width="24" />

Vue

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

<template>
  <Icon icon="medical-icon:i-surgery" width="24" />
</template>

Svelte

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

<Icon icon="medical-icon:i-surgery" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="medical-icon:i-surgery"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/medical-icon/i-surgery.svg" alt="I Surgery アイコン" width="24" height="24">

Medical Icons の関連アイコン

I Surgery アイコンのよくある質問

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

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

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

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

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

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

Medical Icons をすべて見る →