Иконка Person Inline Skating

pinhead:person-inline-skating

Иконка Person Inline Skating (pinhead:person-inline-skating) — бесплатная SVG-иконка из набора Pinhead Map Icons от Quincy Morgan. Она нарисована на сетке 15 × 15. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Pinhead Map Icons
Автор: Quincy Morgan
Лицензия: CC0-1.0
Размер: 15 × 15
Теги: personinline, inlineskating, personinlineskating

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M10.55.3c-.67 0-1.22.56-1.22 1.24a1.23 1.23 0 1 0 2.46 0c0-.68-.55-1.24-1.24-1.24M1.27 8.86a.37.37 0 0 0-.5-.12a.37.37 0 0 0 .39.63c.17-.11.22-.33.11-.5zm.25 1.02a.36.36 0 0 0-.5-.12c-.16.11-.22.34-.11.5c.11.18.33.23.5.12c.17-.1.22-.33.11-.5m.26 1.01a.37.37 0 0 0-.51-.11c-.17.1-.22.33-.11.5c.1.17.33.23.5.12s.22-.34.12-.5zm.25 1.02a.37.37 0 0 0-.5-.12c-.18.11-.22.33-.12.5c.11.18.33.23.5.12a.37.37 0 0 0 .12-.5m5.9 2.06a.371.371 0 0 0 .22.71c.19-.07.3-.27.24-.46c-.07-.2-.27-.3-.46-.25m1.03.01c-.19.06-.3.27-.24.46c.07.19.27.3.46.24s.3-.27.24-.46a.376.376 0 0 0-.46-.24m1.04 0c-.2.07-.3.27-.24.47c.06.19.27.3.46.23c.19-.05.3-.26.23-.46a.356.356 0 0 0-.45-.24m1.03.01c-.19.06-.3.27-.23.46c.06.19.27.3.46.24a.37.37 0 0 0 .23-.46c-.06-.2-.27-.3-.46-.24M13.5 5.1h-2.15l-1.06-1.73c-.18-.4-.57-.67-1.02-.68c-.09-.01-.17 0-.25.02l-5.4 1.28c-.32.08-.53.41-.45.74c.07.33.4.54.72.46l3.6-.66L4.76 9.3H1.83l.65 2.37c.02.08.02-.01.04.03c.09.15.29.15.44.06c.08-.05.13-.16.14-.24l.39-1.21l.01-.05l1.81-.01c.36 0 .67-.1.85-.41l.83-1.39l1.85 1.9l-.78 3.16h2.71c.17 0 .32-.19.32-.36a.37.37 0 0 0-.19-.31l-1.17-.67l.56-2.24s.14-.48-.31-.91L8.47 7.49l1.33-2.2l.7 1.02h2.99c.33 0 .61-.26.61-.6s-.27-.6-.6-.6z"/></svg>

Как использовать иконку Person Inline Skating

React

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

<Icon icon="pinhead:person-inline-skating" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:person-inline-skating" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:person-inline-skating" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--person-inline-skating]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:person-inline-skating"></div>

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

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

<iconify-icon icon="pinhead:person-inline-skating"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/pinhead/person-inline-skating.svg" alt="Иконка Person Inline Skating" width="24" height="24">

Вопросы и ответы: Иконка Person Inline Skating

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

Да. Pinhead Map Icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Pinhead Map Icons →