Иконка Boy

noto:boy

Иконка Boy (noto:boy) — бесплатная SVG-иконка из набора Noto Emoji от Google Inc. Она нарисована на сетке 128 × 128. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Noto Emoji
Автор: Google Inc
Лицензия: Apache-2.0
Размер: 128 × 128
Категория: Люди и тело

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#E59600" d="M26.28 94.88c-7.33 0-13.29-5.71-13.29-12.73s5.96-12.73 13.29-12.73h75.43c7.33 0 13.29 5.71 13.29 12.73s-5.96 12.73-13.29 12.73z"/><path fill="#FFCA28" d="M64 122.47c-21.41 0-44.46-16.31-44.46-52.12c0-16.64 4.87-31.97 13.71-43.17C41.51 16.71 52.72 10.71 64 10.71s22.49 6 30.75 16.47c8.84 11.2 13.71 26.53 13.71 43.17c0 16.24-4.79 29.81-13.86 39.22c-8.01 8.32-18.88 12.9-30.6 12.9"/><path fill="#E59600" d="M69.07 87.13a1.6 1.6 0 0 0-.42-.11h-9.3c-.14.02-.28.05-.42.11c-.84.34-1.31 1.22-.91 2.14c.4.93 2.25 3.54 5.98 3.54s5.58-2.61 5.98-3.54s-.07-1.8-.91-2.14"/><path fill="#6D4C41" d="M32.18 68.42c4.07-5.82 13.42-6.04 18.48-1.5c.98.88 2.25 2.17 1.61 3.61c-.58 1.31-1.98 1.42-3.12.92c-3.49-1.53-6.41-1.97-9.9-1.34c-.9.16-1.77.42-2.64.7c-.69.22-1.31.62-2 .83c-1.88.59-3.56-1.52-2.43-3.22m61.08 3.16C90 70 87.67 69.5 84.24 69.93c-1.7.21-3.34.66-4.92 1.31c-1.09.45-2.3.86-3.22-.17c-2.41-2.68 3.32-5.81 5.2-6.52c3.55-1.34 7.66-1.01 10.98.79c1.38.75 2.96 1.85 3.68 3.3c.86 1.71-.9 3.68-2.7 2.94"/><g fill="#404040"><ellipse cx="42.14" cy="80.34" rx="6.48" ry="6.71"/><ellipse cx="85.86" cy="80.34" rx="6.48" ry="6.71"/></g><path fill="#795548" d="M75.06 97.97c-4.19 2.49-17.91 2.49-22.1 0c-2.4-1.43-4.86.76-3.86 2.94c.98 2.15 8.47 7.13 14.95 7.13c6.47 0 13.87-4.98 14.85-7.13c.99-2.19-1.43-4.37-3.84-2.94"/><path fill="#543930" d="M103.98 18.49c-5.97-6.22-11.63-8.85-12.18-8.92c-6.92-3.17-15.85-5.58-27.42-5.58c-50.85 0-54.38 41.64-52.33 59.88c1.25 11.14 5.65 16.47 8.24 18.7c0 0 .3-12.67 2.97-22.87c2.11-8.08 7.16-14.07 7.16-14.07s9.17 7.99 26.27 13.17c8.24 2.5 18.81 1.24 18.81 1.24l-5.93-10.49s9.68 7.13 15.72 8.5c7.73 1.75 13.4 1 13.4 1l-2.84-11.08s4.91 3.24 8.59 12.06c3.68 8.83 2.71 23.11 2.71 23.11c2.51-1.8 7.88-7.01 8.96-19.28c1.76-20.19-.66-32.28-12.13-45.37"/><radialGradient id="SVGtUxNXbZB" cx="64.126" cy="53.457" r="54.554" gradientTransform="matrix(.9997 .0227 -.0211 .9325 1.146 2.158)" gradientUnits="userSpaceOnUse"><stop offset=".699" stop-color="#6D4C41" stop-opacity="0"/><stop offset="1" stop-color="#6D4C41"/></radialGradient><path fill="url(#SVGtUxNXbZB)" d="M91.8 9.57C84.88 6.4 75.95 3.99 64.38 3.99C13.53 3.99 10 45.63 12.05 63.87c1.25 11.14 5.65 16.47 8.24 18.7c0 0 .3-12.67 2.97-22.87c2.11-8.08 7.16-14.07 7.16-14.07s9.17 7.99 26.27 13.17c8.24 2.5 18.81 1.24 18.81 1.24l-5.93-10.49s9.68 7.13 15.72 8.5c7.73 1.75 13.4 1 13.4 1l-2.84-11.08s4.91 3.24 8.59 12.06c3.68 8.83 2.71 23.11 2.71 23.11c2.51-1.8 7.88-7.01 8.96-19.28c1.76-20.19-.66-32.28-12.13-45.37c-5.97-6.22-11.63-8.85-12.18-8.92"/></svg>

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

React

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

<Icon icon="noto:boy" width="24" />

Vue

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

<template>
  <Icon icon="noto:boy" width="24" />
</template>

Svelte

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

<Icon icon="noto:boy" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="noto:boy"></iconify-icon>

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

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

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

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

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

Да. Noto Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки Noto Emoji →