Иконка Hiking Minimalistic Bold

solar:hiking-minimalistic-bold

Иконка Hiking Minimalistic Bold (solar:hiking-minimalistic-bold) — бесплатная SVG-иконка из набора Solar от 480 Design. Она нарисована на сетке 24 × 24. Solar icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Solar
Автор: 480 Design
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Спорт
Теги: hikingminimalistic, minimalisticbold, hikingminimalisticbold

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14 5.5C14 6.88071 12.8807 8 11.5 8C10.1193 8 9.00004 6.88071 9.00004 5.5C9.00004 4.11929 10.1193 3 11.5 3C12.8807 3 14 4.11929 14 5.5Z"/><path fill-rule="evenodd" d="M19 6.25C19.4143 6.25 19.75 6.58579 19.75 7V21C19.75 21.4142 19.4143 21.75 19 21.75C18.5858 21.75 18.25 21.4142 18.25 21V10.9941C16.5565 11.9799 14.456 12.0665 12.6646 11.1708C12.6474 11.1622 12.6306 11.153 12.6141 11.1431C11.9234 10.7287 11.0363 11.1741 10.9562 11.9756L10.8876 12.6617C10.8294 13.243 11.1062 13.807 11.6016 14.1166L11.9349 14.3249C13.6853 15.4188 14.8215 17.2701 15.0044 19.3261L15.1474 20.9335C15.1842 21.3461 14.8795 21.7103 14.4669 21.747C14.0543 21.7838 13.6901 21.479 13.6534 21.0665L13.5103 19.4591C13.3691 17.8713 12.4916 16.4417 11.1399 15.5969L10.8066 15.3886C9.82727 14.7765 9.2801 13.6616 9.39502 12.5125L9.46363 11.8264C9.65218 9.9409 11.7282 8.88835 13.3582 9.84044C14.9095 10.605 16.7667 10.3848 18.0966 9.27658L18.25 9.14869V7C18.25 6.58579 18.5858 6.25 19 6.25ZM9.19069 15.7746C9.59129 15.8799 9.83069 16.29 9.7254 16.6906L9.00004 16.5C9.7254 16.6906 9.7254 16.6906 9.7254 16.6906L9.72479 16.693L9.72356 16.6976L9.71923 16.7137L9.70334 16.7718C9.68959 16.8213 9.66959 16.892 9.64388 16.9791C9.59255 17.153 9.51791 17.3942 9.4242 17.665C9.24256 18.1898 8.9684 18.8881 8.62825 19.4097C8.27086 19.9577 7.70978 20.5113 7.2771 20.903C7.05385 21.1051 6.85091 21.2763 6.70355 21.3973C6.62971 21.4579 6.56943 21.5062 6.52703 21.5398L6.4773 21.579L6.46344 21.5897L6.45819 21.5938C6.45819 21.5938 6.45745 21.5944 6.00004 21L6.45819 21.5938C6.12993 21.8464 5.65829 21.7857 5.40567 21.4574C5.1531 21.1292 5.21434 20.6585 5.54242 20.4058L5.54468 20.404L5.55444 20.3964L5.59542 20.3642C5.63176 20.3354 5.6853 20.2925 5.75182 20.2379C5.88518 20.1284 6.0691 19.9732 6.27043 19.7909C6.6869 19.4139 7.12582 18.9675 7.37183 18.5903C7.60608 18.2311 7.83192 17.6794 8.00669 17.1744C8.09118 16.9303 8.15883 16.7117 8.20525 16.5544C8.22841 16.476 8.24615 16.4133 8.25792 16.3708L8.271 16.3231L8.27404 16.3117L8.27466 16.3094C8.38005 15.9089 8.79015 15.6694 9.19069 15.7746Z" clip-rule="evenodd"/></g></svg>

Как использовать иконку Hiking Minimalistic Bold

React

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

<Icon icon="solar:hiking-minimalistic-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:hiking-minimalistic-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:hiking-minimalistic-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--hiking-minimalistic-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:hiking-minimalistic-bold"></div>

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

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

<iconify-icon icon="solar:hiking-minimalistic-bold"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/solar/hiking-minimalistic-bold.svg" alt="Иконка Hiking Minimalistic Bold" width="24" height="24">

Вопросы и ответы: Иконка Hiking Minimalistic Bold

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

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

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

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

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

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

Все Иконки Solar →