Icono Young People Outline
healthicons:young-people-outline
El icono Young People Outline (healthicons:young-people-outline) es un icono SVG gratuito de la colección Health Icons de Resolve to Save Lives. Está dibujado en una cuadrícula de 48 × 48. Health Icons se publican bajo la licencia MIT, 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
- Health Icons
- Autor
- Resolve to Save Lives
- Licencia
- MIT
- Tamaño
- 48 × 48
- Categoría
- Personas
- Etiquetas
- youngpeople, peopleoutline, youngpeopleoutline, young people2x outline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M29.5 12a4 4 0 1 1 8 0a4 4 0 0 1-8 0m4-2a2 2 0 1 0 0 4a2 2 0 0 0 0-4M10 17a1 1 0 0 0-.924 1.384A5 5 0 0 0 6 23v2a5 5 0 0 0 3 4.584V36a3 3 0 0 0 5.5 1.66A3 3 0 0 0 20 36v-6.416A5 5 0 0 0 23 25v-2a5 5 0 0 0-3.076-4.616A1 1 0 0 0 19 17zm1 11.874v-1.96a3.5 3.5 0 0 0 1.236-.467c.645-.405 1.048-.995 1.297-1.659c.243-.644.352-1.387.407-2.164c.056-.783.06-1.672.06-2.624h1c0 .952.004 1.84.06 2.624c.055.777.164 1.52.406 2.164c.25.664.653 1.254 1.298 1.66c.37.232.785.382 1.236.466V36a1 1 0 0 1-1.997.072L15.498 29a1 1 0 0 0-1.995 0l-.505 7.072A1 1 0 0 1 11 36zM8 25c0 .888.386 1.687 1 2.236V22h2v2.843q.098-.042.17-.088c.193-.121.357-.314.492-.67c.141-.378.233-.896.283-1.603c.05-.7.055-1.52.055-2.482h-1a3 3 0 0 0-3 3zm13 0c0 .888-.386 1.687-1 2.236V22h-2v2.843a1 1 0 0 1-.17-.088c-.193-.121-.357-.314-.492-.67c-.141-.378-.233-.896-.283-1.603c-.05-.7-.055-1.52-.055-2.482h1a3 3 0 0 1 3 3zm7.076-6.616A5 5 0 0 0 25 23v2c0 1.772.922 3.328 2.31 4.215l-1.224 1.815c-.833 1.234-.073 2.934 1.437 3.088c1.597.162 4.096.382 5.977.382c1.88 0 4.38-.22 5.977-.382c1.51-.154 2.27-1.854 1.437-3.088l-1.224-1.815A5 5 0 0 0 42 25v-2a5 5 0 0 0-3.076-4.616A1 1 0 0 0 38 17h-9a1 1 0 0 0-.924 1.384M27 23a3 3 0 0 1 3-3h1c0 .962-.005 1.781-.055 2.482c-.05.707-.142 1.225-.283 1.602c-.135.357-.299.55-.491.67q-.073.047-.171.089V23h-2v4.236c-.614-.55-1-1.348-1-2.236zm3.365 5.265L30 28.149v-1.235a3.5 3.5 0 0 0 1.236-.467c.645-.405 1.048-.995 1.297-1.659c.243-.644.352-1.387.407-2.164c.056-.783.06-1.672.06-2.624h1c0 .952.004 1.84.06 2.624c.055.777.164 1.52.407 2.164c.25.664.652 1.254 1.297 1.66c.37.232.785.382 1.236.466v1.235l-.365.116l2.61 3.866c-1.595.162-3.986.369-5.745.369s-4.15-.207-5.744-.369zM39 27.236c.614-.55 1-1.348 1-2.236v-2a3 3 0 0 0-3-3h-1c0 .962.005 1.781.055 2.482c.05.707.142 1.225.283 1.602c.135.357.299.55.491.67q.073.047.171.089V23h2z" clip-rule="evenodd"/><path d="M31.77 36.144a37 37 0 0 1-3.27-.327V37a1.5 1.5 0 0 0 2.952.375zm3.458-.007l.32 1.238A1.5 1.5 0 0 0 38.5 37v-1.197a39 39 0 0 1-3.272.334"/><path fill-rule="evenodd" d="M14.5 8a4 4 0 1 0 0 8a4 4 0 0 0 0-8m-2 4a2 2 0 1 1 4 0a2 2 0 0 1-4 0" clip-rule="evenodd"/></g></svg>Cómo usar el icono Young People Outline
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:young-people-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:young-people-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:young-people-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--young-people-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:young-people-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:young-people-outline"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/healthicons/young-people-outline.svg" alt="Icono Young People Outline" width="24" height="24">Iconos relacionados en Health Icons
Preguntas frecuentes sobre Icono Young People Outline
¿El icono Young People Outline es gratis para uso comercial?
Sí. Health Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Young People Outline en React?
Instala @iconify/react y renderiza <Icon icon="healthicons:young-people-outline" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Young People Outline a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/healthicons/young-people-outline.svg" alt="Icono Young People Outline">, o pega el código SVG en línea para darle estilo con CSS.