Иконка Teacher

openmoji:teacher

Иконка Teacher (openmoji:teacher) — бесплатная SVG-иконка из набора OpenMoji. Она нарисована на сетке 72 × 72. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: OpenMoji
Автор: OpenMoji
Лицензия: CC-BY-SA-4.0
Размер: 72 × 72
Категория: Люди и тело

Скачать SVG

Код 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="#fcea2b" 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>

Как использовать иконку Teacher

React

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

<Icon icon="openmoji:teacher" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:teacher" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:teacher" width="24" />

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="openmoji:teacher"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/openmoji/teacher.svg" alt="Иконка Teacher" width="24" height="24">

Иконка Teacher в других наборах

Вопросы и ответы: Иконка Teacher

Можно ли бесплатно использовать иконку Teacher в коммерческих проектах?

Да. OpenMoji icons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Teacher в React?

Установите @iconify/react и выведите <Icon icon="openmoji:teacher" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Teacher на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/openmoji/teacher.svg" alt="Иконка Teacher">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки OpenMoji →