Cardiology アイコン

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

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

healthicons:cardiology

Cardiology アイコン(healthicons:cardiology)は、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
カテゴリ: 専門分野

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M9 6a3 3 0 0 0-3 3v30a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3zm25.273 13.868l-.784-.377c3.256 3.07 2.426 7.696.392 11.214c-1.06 1.833-2.506 3.5-4.09 4.718c-1.568 1.206-3.368 2.044-5.124 2.044c-1.761 0-3.518-.843-5.031-2.044c-1.528-1.213-2.901-2.862-3.911-4.65c-1.007-1.784-1.686-3.77-1.75-5.66c-.037-1.109.139-2.2.594-3.19l-.03-.037a4 4 0 0 0-.454-.461c-.41-.354-.993-.717-1.743-.838a1 1 0 0 1-.825-1.173c.335-1.767.637-2.818.87-3.446a5 5 0 0 1 .312-.695a2 2 0 0 1 .193-.282l.032-.035l.016-.016l.008-.008l.003-.005l.002-.002c.002 0 .003-.001.704.711c.282-.959.283-.959.283-.958h.002l.004.001l.014.005l.049.014l.172.056a15.6 15.6 0 0 1 2.43 1.036a10 10 0 0 1 1.586 1.04l-1.036-1.596a1 1 0 0 1 .272-1.368l3.209-2.21a1 1 0 0 1 1.37.228l.495.667v-1.018a1 1 0 0 1 1-1H27.5a1 1 0 0 1 1 1v1.346l.06.054c.185.17.406.395.642.682c1.685-.297 3.72-.129 6.145.768l.91.337l-.31.92c-.222.663-.468 1.19-.691 1.668l-.006.013c-.227.486-.43.924-.616 1.475zm-20.616-4.231l-.701-.713a1 1 0 0 1 .984-.246zm2.498 4.223c.417-.34.877-.582 1.357-.748l.084-.041a3 3 0 0 0-.38-.439c-.41-.4-.963-.765-1.55-1.079c-.53-.284-1.06-.51-1.48-.673c-.138.41-.317 1.043-.521 1.998a5.7 5.7 0 0 1 2.004 1.288a19 19 0 0 1 .486-.306m2.118 1.107c-.341.173-.66.352-.945.521c-.981.882-1.403 2.105-1.354 3.557c.05 1.483.595 3.154 1.492 4.744c.895 1.586 2.106 3.03 3.413 4.067c1.321 1.048 2.648 1.611 3.788 1.611c1.147 0 2.523-.567 3.904-1.63c1.366-1.049 2.642-2.513 3.579-4.133c1.923-3.326 2.189-6.793-.165-8.878a3 3 0 0 0-.74-.498l-.206-.102c-.17-.084-.379-.185-.625-.318c-.613.318-1.309.876-1.934 1.462a18 18 0 0 0-1.217 1.26l-.015.018l-.003.004l-.145.17l-.075.124l-1.163 4.173l.407.94l2.119-.245l.23 1.986l-1.909.222l.123 1.802l-1.995.136l-.176-2.582l-.915-2.114l.045-.163l-.602.273l-.844 2.132l-1.86-.735l.567-1.433l-1.784-.42l.458-1.947l2.58.607l2.185-.988l.607-2.179l-.158-.076a20 20 0 0 0-2.534-1.011c-.987-.31-2.008-.524-2.924-.52a4.2 4.2 0 0 0-1.209.163m7.892-.334l.084-.108a12 12 0 0 1 1.704-1.788c1.228-1.032 3.063-2.044 5.152-1.53q.166-.38.326-.718l.006-.013c.086-.184.168-.36.248-.54c-3.408-1.003-5.539-.198-6.872.905c-1.133.937-1.786 2.17-2.105 3.011a55 55 0 0 1 1.457.781m-5.815-3.055l.019-.082a1 1 0 0 0-.03-1.04l-.97-1.495l1.613-1.11l1.066 1.435a1 1 0 0 0 1.624-.027l.657-.947a1 1 0 0 0 .178-.57v-1.209H26.5v.829a1 1 0 0 0 .429.82c-.74.383-1.43.948-2.008 1.55c-.858.893-1.618 2.018-2.084 3.177a11.4 11.4 0 0 0-2.08-.17c-.255 0-.386-.002-.508-.02c.02-.617.066-.962.101-1.141" clip-rule="evenodd"/></svg>

Cardiology アイコンの使い方

React

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

<Icon icon="healthicons:cardiology" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:cardiology" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:cardiology" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="healthicons:cardiology"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/cardiology.svg" alt="Cardiology アイコン" width="24" height="24">

Health Icons の関連アイコン

他のアイコンセットの Cardiology アイコン

Cardiology アイコンのよくある質問

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

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

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

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

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

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

Health Icons をすべて見る →