Иконка Volcano

wi:volcano

Иконка Volcano (wi:volcano) — бесплатная SVG-иконка из набора Weather Icons от Erik Flowers. Она нарисована на сетке 30 × 30. Weather Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Weather Icons
Автор: Erik Flowers
Лицензия: OFL-1.1
Размер: 30 × 30

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M7.39 22.61q-.18-.405.09-.81l1.4-2.67c.01-.04.05-.09.11-.15c.04-.04.17-.14.38-.29c.02-.01.25-.18.68-.5c.48-.32 1.03-.72 1.68-1.19l1.8-2.98c.17-.27.41-.41.72-.41h.7q-.24.285-.45.6c-.14.21-.27.5-.38.85c-.12.36-.18.71-.18 1.07s.09.77.28 1.25c.19.47.48.94.88 1.39c.27.31.44.62.5.93s.02.58-.1.83s-.32.5-.59.74s-.56.45-.88.63s-.68.35-1.07.52s-.75.3-1.05.41c-.31.1-.62.2-.93.29H8.16c-.16 0-.32-.05-.46-.14a.7.7 0 0 1-.31-.37m2.75-14.87c0-.46.15-.88.45-1.24c.3-.37.69-.6 1.16-.72c.11-.56.4-1.02.85-1.38s.98-.54 1.56-.54c.56 0 1.06.17 1.5.52s.73.8.86 1.35h.14q.855 0 1.5.54c.42.36.64.79.64 1.3c0 .56-.22 1.03-.65 1.43c0 .27-.12.59-.36.93c-.24.35-.5.55-.78.61c-.06.31-.21.57-.43.78c-.23.22-.5.36-.82.43c.15.16.22.34.22.54c0 .25-.09.46-.26.63a.9.9 0 0 1-.64.25c-.24 0-.45-.09-.63-.26a.82.82 0 0 1-.26-.62c0-.03.01-.08.02-.14s.02-.11.02-.13h-.03c-.29 0-.54-.11-.75-.32a1.03 1.03 0 0 1-.32-.75c0-.12.06-.3.18-.53q-.36-.18-.57-.63h-.63a2.2 2.2 0 0 1-1.39-.65c-.38-.38-.58-.85-.58-1.4m4.62 7.74c0-.16.02-.34.07-.54s.11-.35.16-.47q.075-.18.21-.45c.09-.18.15-.31.19-.41h.38c.28 0 .49.11.66.32l.07.1l1.31 2.48l4.65 5.23l.04.03c.21.27.24.56.08.88c-.15.31-.4.46-.75.46H16.2c.17-.16.32-.29.44-.39c.12-.11.27-.27.45-.49s.33-.43.42-.61s.17-.42.23-.69s.07-.53.01-.79c-.06-.25-.18-.53-.38-.84c-.19-.31-.46-.61-.81-.91c-.34-.3-.64-.59-.88-.88c-.24-.28-.43-.54-.56-.76s-.23-.45-.29-.68c-.04-.23-.07-.43-.07-.59"/></svg>

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

React

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

<Icon icon="wi:volcano" width="24" />

Vue

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

<template>
  <Icon icon="wi:volcano" width="24" />
</template>

Svelte

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

<Icon icon="wi:volcano" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--volcano]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:volcano"></div>

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

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

<iconify-icon icon="wi:volcano"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/wi/volcano.svg" alt="Иконка Volcano" width="24" height="24">

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

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

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

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

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

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

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

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

Все Weather Icons →