Иконка Healthy Recognition
icon-park:healthy-recognition
Иконка Healthy Recognition (icon-park:healthy-recognition) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Офис
- Теги
- healthyrecognition
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M6 33V39C6 40.6569 7.34315 42 9 42H15"/><path d="M33 42H39C40.6569 42 42 40.6569 42 39V33"/><path d="M42 15V9C42 7.34315 40.6569 6 39 6H33"/><path d="M6 15V9C6 7.34315 7.34315 6 9 6H15"/><path fill="#2F88FF" d="M34 24.0001L24 34.0001C24 34.0001 15.0002 25.0001 14 24.0001C12.9998 23.0001 12.5 21.0001 14 19.0001C15.5 17.0001 18.5 17.0001 20 18.0001C21.5001 19.0001 22.0001 20.0001 24 20.0001C26 20.0001 26.5001 19.0001 28 18.0001C29.5 17.0001 32.5003 17.0001 34.0003 19.0001C35.5003 21.0001 35 23.0001 34 24.0001Z"/></g></svg>Как использовать иконку Healthy Recognition
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:healthy-recognition" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:healthy-recognition" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:healthy-recognition" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--healthy-recognition]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:healthy-recognition"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:healthy-recognition"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/icon-park/healthy-recognition.svg" alt="Иконка Healthy Recognition" width="24" height="24">Иконка Healthy Recognition в других наборах
Вопросы и ответы: Иконка Healthy Recognition
Можно ли бесплатно использовать иконку Healthy Recognition в коммерческих проектах?
Да. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Healthy Recognition в React?
Установите @iconify/react и выведите <Icon icon="icon-park:healthy-recognition" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Healthy Recognition на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park/healthy-recognition.svg" alt="Иконка Healthy Recognition">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.