Иконка Jp Hot Spring

pinhead:jp-hot-spring

Иконка Jp Hot Spring (pinhead:jp-hot-spring) — бесплатная 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
Теги: jphot, hotspring, jphotspring

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><path fill="currentColor" d="M6.68 5.76c-.5-.72-.78-1.12-.63-2.38c.14-1.16.68-1.62 1.2-2.06c.4-.34.8-.68.98-1.32c.3.72-.04 1.47-.35 2.16S7.28 3.49 7.67 4c.97 1.27 1.96 2.88.97 4.59c-.21.39-.54.68-.86.97c-.42.38-.84.75-1 1.35c-.27-.68.01-1.37.28-2.05c.31-.76.61-1.52.17-2.25c-.2-.34-.39-.61-.55-.84Zm3.37-1.17c-.1-.63.03-1.28.37-1.81c.37-.45.7-.64.99-.81c.35-.2.63-.36.83-.88c.29.68 0 1.19-.3 1.72c-.12.21-.24.42-.33.65c-.19.61.1.89.47 1.25c.36.35.79.76.9 1.62c.08.64-.04 1.16-.37 1.68c-.36.44-.68.66-.96.85c-.36.24-.65.44-.86.97c-.29-.69.03-1.26.35-1.83c.12-.22.25-.43.33-.66c.07-.56-.23-.87-.58-1.22c-.36-.36-.76-.76-.83-1.52Zm-8.02 0c-.1-.63.01-1.3.37-1.81c.38-.53.73-.72 1.03-.88c.32-.17.59-.32.79-.81c.29.68-.01 1.21-.32 1.75c-.12.21-.25.43-.34.66c-.15.39.13 1.01.5 1.24c1 .8 1.23 2.29.55 3.35c-.37.45-.7.65-1 .82c-.35.21-.64.38-.85.9c-.28-.66.01-1.18.3-1.71c.13-.24.26-.48.35-.74c.18-.56-.13-.88-.51-1.28c-.35-.36-.75-.78-.86-1.5ZM13 9c.7 2.62-3.47 3-5.5 3S1.3 11.52 2 9c-.63.32-1 .96-1 1.5c0 1.52 2.91 2.9 6.5 2.9s6.5-1.38 6.5-2.9c0-.54-.37-1.18-1-1.5"/></svg>

Как использовать иконку Jp Hot Spring

React

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

<Icon icon="pinhead:jp-hot-spring" width="24" />

Vue

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

<template>
  <Icon icon="pinhead:jp-hot-spring" width="24" />
</template>

Svelte

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

<Icon icon="pinhead:jp-hot-spring" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pinhead--jp-hot-spring]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pinhead -->
<div class="i-pinhead:jp-hot-spring"></div>

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

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

<iconify-icon icon="pinhead:jp-hot-spring"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/pinhead/jp-hot-spring.svg" alt="Иконка Jp Hot Spring" width="24" height="24">

Вопросы и ответы: Иконка Jp Hot Spring

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

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

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

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

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

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

Все Pinhead Map Icons →