Иконка Man Biking

openmoji:man-biking

Иконка Man Biking (openmoji:man-biking) — бесплатная 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
Категория: Люди и тело
Теги: manbiking

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="#fcea2b"><circle cx="32.793" cy="10.581" r="2.86"/><path d="m32.793 19.923l1.906-2.764l3.623.095l6.005 13.441l-2.002 3.623l-2.383 2.383l-2.955 10.677l-3.24 6.387l-2.289-1.907l.858-6.768l-3.622-6.673l.095-3.146l7.626-4.766l-2.669-7.15"/></g><g fill="none" stroke="#000" stroke-width="2"><circle cx="19.161" cy="49.57" r="9.723" stroke-miterlimit="10"/><circle cx="49.666" cy="49.57" r="9.723" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="m19.257 49.57l1.906-22.878h3.623"/><circle cx="32.793" cy="10.581" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="m25.071 26.787l4.099-2.765a11.8 11.8 0 0 0 2.67-2.669l1.811-2.574a3.94 3.94 0 0 1 2.955-1.525a3.06 3.06 0 0 1 2.574 1.811l4.385 10.01a4.74 4.74 0 0 1-.095 3.432l-.096.19a5.9 5.9 0 0 1-2.669 2.383l-5.243 2.288a1.935 1.935 0 0 0-1.049 2.478l2.479 6.101a2.285 2.285 0 0 1-.667 2.67a1.73 1.73 0 0 1-2.384-.763l-4.194-7.817a8.7 8.7 0 0 1-.858-3.24a3.67 3.67 0 0 1 1.62-2.575l4.385-2.764a2.78 2.78 0 0 0 1.144-2.86l-1.43-5.72"/><path stroke-miterlimit="10" d="m36.225 48.617l-.954 2.955a2.66 2.66 0 0 1-2.287 1.811a1.622 1.622 0 0 1-1.526-1.906l.858-6.387m8.103-9.914l-3.432 10.962"/></g></svg>

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

React

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

<Icon icon="openmoji:man-biking" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:man-biking" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:man-biking" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="openmoji:man-biking"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/openmoji/man-biking.svg" alt="Иконка Man Biking" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки OpenMoji →