ICONYZ
日本語
Material Symbols Light の Cardiology Outline アイコン

Cardiology Outline アイコン

material-symbols-light:cardiology-outline

Cardiology Outline アイコン(material-symbols-light:cardiology-outline)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Material Symbols Light
作者
Google
ライセンス
Apache-2.0
サイズ
24 × 24
カテゴリ
ソーシャル
タグ
cardiologyoutline、cardiology outline sharp
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 4q1.32 0 2.475.675T12 6.639q.87-1.289 2.025-1.964T16.5 4q1.908 0 3.204 1.296T21 8.5q0 .164-.012.308t-.032.308h-1q.025-.164.035-.308Q20 8.664 20 8.5Q20 7 19 6t-2.5-1q-1.194 0-2.204.682q-1.01.681-1.807 2.052h-.978q-.817-1.39-1.817-2.062T7.5 5Q6.02 5 5.01 6T4 8.5q0 .164.01.308t.034.308h-1q-.019-.164-.032-.308T3 8.5q0-1.908 1.296-3.204T7.5 4m-.892 10.885h1.396q.8.794 1.788 1.723q.989.928 2.208 2.042q1.22-1.113 2.208-2.042q.988-.93 1.788-1.723h1.402q-.892.915-2.029 2.006q-1.136 1.09-2.611 2.428l-.758.685l-.758-.685q-1.475-1.338-2.608-2.428Q7.5 15.8 6.608 14.885m4.442.615q.152 0 .255-.091q.103-.092.164-.238l1.677-5.037l1.337 2.012q.125.162.292.258t.379.096H22.5v-1h-7.252l-1.84-2.761q-.073-.11-.195-.165t-.263-.055q-.152 0-.264.092q-.113.091-.155.237l-1.677 5.05l-1.37-2.044q-.124-.162-.292-.258t-.378-.096H1.5v1h7.214l1.859 2.78q.073.13.205.175t.272.045m.95-3.675"/></svg>

Cardiology Outline アイコンの使い方

React

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

<Icon icon="material-symbols-light:cardiology-outline" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:cardiology-outline" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:cardiology-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--cardiology-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:cardiology-outline"></div>

Web コンポーネント

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

<iconify-icon icon="material-symbols-light:cardiology-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/material-symbols-light/cardiology-outline.svg" alt="Cardiology Outline アイコン" width="24" height="24">

Material Symbols Light の関連アイコン

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

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

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

はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Material Symbols Light アイコン をすべて見る →