Иконка Person Wearing Backpack And Headlamp Crouching

pinhead:person-wearing-backpack-and-headlamp-crouching

Иконка Person Wearing Backpack And Headlamp Crouching (pinhead:person-wearing-backpack-and-headlamp-crouching) — бесплатная 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
Теги: personwearing, wearingbackpack, backpackand, andheadlamp, headlampcrouching

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M6.11 3.54c.1-.11.1-.33 0-.43l-.54-.75c-.11-.22-.32-.22-.53-.11L2.46 4.39c-.1.11-.1.32 0 .43l.65.75c.1.11.32.11.43 0zM3.54 6.43c-.11.11-.22.32-.33.43c-.1.21-.21.32-.21.53l-.75 3.22l-2.04 1.93c-.1 0-.1.1-.1.21c-.22.32-.11.86.32 1.07c.21.11.64 0 .86-.21l2.25-2.15l.1-.1c0-.11.11-.11.11-.22l.43-2.03l1.71 1.5v2.57c0 .32.11.53.43.64c.32.22.86.11 1.07-.32c.11-.11.11-.21.11-.43v-2.78a.86.86 0 0 0-.21-.54L5.46 8.14l1.83-1.5l.53 1.4c0 .1.11.1.22.21l1.82 1.39c.21.11.53 0 .64-.21c.21-.22.21-.64 0-.86c0 0-.11-.11-.11-.21L9 7.29l-.96-2.15c-.11-.32-.33-.53-.54-.75c-.54-.21-1.07-.21-1.5.11zM11 3l3-3c.67.67 1 1.67 1 3s-.33 2.33-1 3zm-3.5-.32a1.61 1.61 0 1 0 3.21 0a1.61 1.61 0 1 0-3.21 0"/></svg>

Как использовать иконку Person Wearing Backpack And Headlamp Crouching

React

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

<Icon icon="pinhead:person-wearing-backpack-and-headlamp-crouching" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:person-wearing-backpack-and-headlamp-crouching" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:person-wearing-backpack-and-headlamp-crouching" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--person-wearing-backpack-and-headlamp-crouching]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:person-wearing-backpack-and-headlamp-crouching"></div>

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

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

<iconify-icon icon="pinhead:person-wearing-backpack-and-headlamp-crouching"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/pinhead/person-wearing-backpack-and-headlamp-crouching.svg" alt="Иконка Person Wearing Backpack And Headlamp Crouching" width="24" height="24">

Вопросы и ответы: Иконка Person Wearing Backpack And Headlamp Crouching

Можно ли бесплатно использовать иконку Person Wearing Backpack And Headlamp Crouching в коммерческих проектах?

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

Как использовать иконку Person Wearing Backpack And Headlamp Crouching в React?

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

Как добавить иконку Person Wearing Backpack And Headlamp Crouching на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/pinhead/person-wearing-backpack-and-headlamp-crouching.svg" alt="Иконка Person Wearing Backpack And Headlamp Crouching">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Pinhead Map Icons →