Иконка Cardiology Outline
material-symbols-light:cardiology-outline
Иконка Cardiology Outline (material-symbols-light:cardiology-outline) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Социальное
- Теги
- cardiologyoutline, cardiology outline sharp
Код 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>Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cardiology Outline в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.