ICONYZ
Español
Icono Teacher Light Skin Tone de OpenMoji

Icono Teacher Light Skin Tone

openmoji:teacher-light-skin-tone

El icono Teacher Light Skin Tone (openmoji:teacher-light-skin-tone) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
OpenMoji
Autor
OpenMoji
Licencia
CC-BY-SA-4.0
Tamaño
72 × 72
Categoría
Personas y cuerpo
Etiquetas
teacherlight, lightskin, skintone, teacherlightskintone
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#5c9e31" d="M13.886 52.097H10.83V16.914h49.936v35.183h-4.085"/><path fill="#6a462f" d="M53.88 59s2.7-14.138-9.3-14.138c-3.192 2.119-5.927 3.584-9 3.577h.124c-3.073.007-5.808-1.458-9-3.577c-12 0-10 14.137-10 14.137"/><path fill="#3f3f3f" d="m44.58 45.364l2.57 9.04l-5.62-.24l.09 4.791l-5.88-1.6l.09-.03l-.09-.131z"/><path fill="#d0cfce" d="m44.48 45.215l.1.15l-8.84 11.83l-8.85-11.83l.16-.24c3.08 2.05 5.75 3.46 8.72 3.49h.12c2.93-.03 5.56-1.4 8.59-3.4"/><path fill="#3f3f3f" d="m35.74 57.194l-.1.131l.1.03l-5.89 1.6l.09-4.791l-5.62.24l2.57-9.04z"/><path fill="#a57939" d="M26 36.58c-4 0-4-6-4-13s4-14 14-14s14 7 14 14s0 13-4 13"/><path fill="#fadcbc" d="M24.937 28.58c0 9 4.936 14 11 14c5.936 0 11.063-5 11.063-14a12.1 12.1 0 0 0-1-5c-3-3-7-8-7-8c-4 3-7 6-13 7.001c0 0-1.064.999-1.064 6"/><path d="M22.965 17.91H11.83V50.2h2.06c.55 0 1 .44 1 1c0 .55-.45 1-1 1h-3.06c-.55 0-1-.45-1-1V16.91c0-.55.45-1 1-1h13.058zm25.185-2h12.62c.55 0 1 .45 1 1V51.2c0 .55-.45 1-1 1h-2.59c-.55 0-1-.45-1-1c0-.56.45-1 1-1h1.59V17.91H49.03zm-1 11.39h-1.96v1.24c0 2.11-1.71 3.82-3.81 3.82h-2.01c-1.55 0-2.88-.93-3.48-2.25a3.84 3.84 0 0 1-3.48 2.25H30.4a3.82 3.82 0 0 1-3.82-3.82V27.3h-.69a.99.99 0 0 1-.95-.71c.23-.38.44-.8.62-1.23q.15-.06.33-.06h1.69a1 1 0 0 1 1 1v2.24c0 1 .82 1.82 1.82 1.82h2.01c1 0 1.81-.82 1.81-1.82v-1.1c0-.55.45-1 1-1h1.33c.56 0 1 .45 1 1v1.1c0 1 .82 1.82 1.82 1.82h2.01c1 0 1.81-.82 1.81-1.82V26.3c0-.55.45-1 1-1h2.406z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M16.89 58.025s-2-13 10-13c.05.04.11.07.16.1c3.08 2.05 5.75 3.46 8.72 3.49h.12c2.93-.03 5.56-1.4 8.59-3.4c.1-.06.19-.12.29-.19c3.99 0 6.43 1.44 7.92 3.36l.78 1.26"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m35.74 57.194l.09.131l-.09.03l-5.89 1.6l.09-4.791l-5.62.24l2.57-9.04z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="m35.74 57.194l-.1.131l.1.03l5.88 1.6l-.09-4.791l5.62.24l-2.57-9.04z"/><path d="M53.044 58.753a.842.842 0 0 1-.834-.955l3.371-26.503l-1.413 26.672c-.03.442-.68.785-1.124.785"/><path d="M53.044 59.503a1.59 1.59 0 0 1-1.577-1.805l3.37-26.498a.74.74 0 0 1 .811-.652a.75.75 0 0 1 .682.787l-1.413 26.672c-.066.968-1.15 1.496-1.873 1.496m.71-7.9l-.8 6.29l.09.11a.7.7 0 0 0 .379-.157zM41.953 27.047a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m2 10.003a7.65 7.65 0 0 1-3.448-.859a1 1 0 0 1 .895-1.789c1.593.86 3.512.86 5.106 0a1 1 0 0 1 .894 1.79a7.65 7.65 0 0 1-3.447.857"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M26 36.58c-4 0-4-6-4-13s4-14 14-14s14 7 14 14s0 13-4 13"/><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M24.937 28.58c0 9 4.936 14 11 14c5.936 0 11.063-5 11.063-14a12.1 12.1 0 0 0-1-5c-3-3-7-8-7-8c-4 3-7 6-13 7.001c0 0-1.064.999-1.064 6z"/></svg>

Cómo usar el icono Teacher Light Skin Tone

React

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

<Icon icon="openmoji:teacher-light-skin-tone" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:teacher-light-skin-tone" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:teacher-light-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--teacher-light-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:teacher-light-skin-tone"></div>

Web component

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

<iconify-icon icon="openmoji:teacher-light-skin-tone"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/openmoji/teacher-light-skin-tone.svg" alt="Icono Teacher Light Skin Tone" width="24" height="24">

Iconos relacionados en OpenMoji

El icono Teacher Light Skin Tone en otras colecciones

Preguntas frecuentes sobre Icono Teacher Light Skin Tone

¿El icono Teacher Light Skin Tone es gratis para uso comercial?

Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Teacher Light Skin Tone en React?

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

¿Cómo añado el icono Teacher Light Skin Tone a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/teacher-light-skin-tone.svg" alt="Icono Teacher Light Skin Tone">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos OpenMoji →