ICONYZ
Español
Icono Ppe Mask Outline de Health Icons

Icono Ppe Mask Outline

healthicons:ppe-mask-outline

El icono Ppe Mask Outline (healthicons:ppe-mask-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
EPI
Etiquetas
ppemask, maskoutline, ppemaskoutline, mask outline, ppe mask2x outline
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M30.242 20.03L24 18.47l-6.243 1.56a1 1 0 1 0 .485 1.94L24 20.53l5.757 1.44a1 1 0 0 0 .485-1.94"/><path fill-rule="evenodd" d="M9 16.868c0-4.226 11.16-4.226 11.16-4.226l.9-1.616A2 2 0 0 1 22.809 10h2.559a2 2 0 0 1 1.747 1.026l.9 1.616S39 12.642 39 16.868v.167l1.73.42a4 4 0 0 1 3.042 4.235l-.554 6.35a4 4 0 0 1-2.687 3.435l-7.092 2.431C29.344 38 24.484 38 24.484 38h-.968s-4.866 0-8.963-4.1L7.36 31.101a4 4 0 0 1-2.532-3.348l-.573-6.021a4 4 0 0 1 3.114-4.284L9 17.087zm.058 2.255l-1.254.278a2 2 0 0 0-1.557 2.142l.573 6.021a2 2 0 0 0 1.266 1.674l4.096 1.593c-1.627-2.73-2.85-6.501-3.124-11.708m26.648 11.892l4.176-1.431a2 2 0 0 0 1.344-1.719l.554-6.35a2 2 0 0 0-1.521-2.117l-1.315-.319c-.276 5.348-1.55 9.184-3.238 11.936M22.803 12.011q-.186.332-.35.638c-.633 1.176-1.076 1.998-2.275 1.998c-5.942 0-8.988 1.573-8.988 2.145c0 16.445 8.973 19.027 12.592 19.198a2 2 0 0 0 .308.01h.09q.112 0 .218-.01c3.619-.17 12.592-2.753 12.592-19.198c0-.572-3.046-2.145-8.988-2.145c-1.2 0-1.642-.822-2.275-1.998q-.164-.306-.35-.638z" clip-rule="evenodd"/></g></svg>

Cómo usar el icono Ppe Mask Outline

React

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

<Icon icon="healthicons:ppe-mask-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:ppe-mask-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:ppe-mask-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--ppe-mask-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:ppe-mask-outline"></div>

Web component

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

<iconify-icon icon="healthicons:ppe-mask-outline"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/healthicons/ppe-mask-outline.svg" alt="Icono Ppe Mask Outline" width="24" height="24">

Iconos relacionados en Health Icons

Preguntas frecuentes sobre Icono Ppe Mask Outline

¿El icono Ppe Mask 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 Ppe Mask Outline en React?

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

¿Cómo añado el icono Ppe Mask Outline a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/healthicons/ppe-mask-outline.svg" alt="Icono Ppe Mask Outline">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Health Icons →