ICONYZ
Español
Icono Healthy Recognition de IconPark

Icono Healthy Recognition

icon-park:healthy-recognition

El icono Healthy Recognition (icon-park:healthy-recognition) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
IconPark
Autor
ByteDance
Licencia
Apache-2.0
Tamaño
48 × 48
Categoría
Oficina
Etiquetas
healthyrecognition
Descargar SVG

Código 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>

Cómo usar el icono 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>

Web component

<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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/icon-park/healthy-recognition.svg" alt="Icono Healthy Recognition" width="24" height="24">

El icono Healthy Recognition en otras colecciones

Preguntas frecuentes sobre Icono Healthy Recognition

¿El icono Healthy Recognition es gratis para uso comercial?

Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Healthy Recognition en React?

Instala @iconify/react y renderiza <Icon icon="icon-park:healthy-recognition" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Healthy Recognition a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/healthy-recognition.svg" alt="Icono Healthy Recognition">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos IconPark →