Иконка Snowflake Cold
wi:snowflake-cold
Иконка Snowflake Cold (wi:snowflake-cold) — бесплатная 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
- Теги
- snowflakecold, wmo4680 55, owm 903, wmo4680 54, wmo4680 74, yahoo 25, wmo4680 78, owm night 903, wmo4680 76, owm day 903, wmo4680 56, wmo4680 75
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M7.46 14.41c0-.19.07-.36.2-.5a.63.63 0 0 1 .48-.21c.19 0 .36.07.49.21s.2.3.2.5c0 .19-.07.35-.2.48a.673.673 0 0 1-.96 0a.62.62 0 0 1-.21-.48m1.98 0c0-.19.07-.36.2-.5a.63.63 0 0 1 .48-.21h3.23l-2.28-2.28a.6.6 0 0 1-.21-.47c0-.19.07-.35.21-.49s.3-.21.49-.21s.35.07.49.21l2.27 2.27V9.52c0-.19.07-.36.21-.5s.3-.21.5-.21q.285 0 .48.21c.13.14.2.3.2.5v3.23l2.29-2.3q.21-.21.48-.21c.18 0 .35.07.49.21c.12.14.18.3.18.49s-.06.35-.18.47l-2.28 2.28h3.23c.18 0 .34.07.47.21s.2.3.2.5c0 .18-.07.34-.2.47a.65.65 0 0 1-.47.2h-3.23l2.29 2.29c.12.12.18.28.18.47s-.06.35-.18.49c-.14.14-.31.21-.49.21s-.35-.07-.48-.21l-2.29-2.3v3.24c0 .19-.07.36-.2.49s-.29.2-.48.2a.72.72 0 0 1-.5-.2a.65.65 0 0 1-.21-.49v-3.22l-2.27 2.27c-.14.14-.3.21-.49.21s-.35-.07-.49-.21s-.21-.3-.21-.49s.07-.34.21-.47l2.3-2.29h-3.24c-.19 0-.35-.07-.48-.2a.51.51 0 0 1-.22-.45m.01 4.84c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .18-.07.35-.21.48c-.14.14-.3.21-.49.21s-.35-.07-.47-.21a.63.63 0 0 1-.21-.48m0-9.71c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .27-.07.35-.21.49s-.3.21-.49.21s-.35-.07-.47-.21a.68.68 0 0 1-.21-.49m4.85 11.71c0-.18.07-.34.21-.47s.3-.2.5-.2c.19 0 .35.07.48.2s.2.29.2.47c0 .19-.07.36-.2.49s-.29.2-.48.2a.72.72 0 0 1-.5-.2a.64.64 0 0 1-.21-.49m0-13.71c0-.19.07-.36.21-.49s.3-.2.5-.2c.19 0 .35.07.48.2a.68.68 0 0 1-.48 1.16a.72.72 0 0 1-.5-.2a.62.62 0 0 1-.21-.47m4.87 11.71c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .18-.07.35-.21.48c-.14.14-.3.21-.49.21s-.35-.07-.47-.21a.63.63 0 0 1-.21-.48m0-9.71c0-.18.07-.35.21-.48c.12-.14.28-.21.47-.21s.35.07.49.21q.21.21.21.48c0 .27-.07.35-.21.49s-.3.21-.49.21s-.35-.07-.47-.21a.68.68 0 0 1-.21-.49m2 4.87c0-.19.07-.36.2-.5s.3-.21.49-.21c.18 0 .34.07.47.21s.2.3.2.5c0 .18-.07.34-.2.47a.68.68 0 0 1-.96 0a.65.65 0 0 1-.2-.47"/></svg>Как использовать иконку Snowflake Cold
React
import { Icon } from "@iconify/react";
<Icon icon="wi:snowflake-cold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:snowflake-cold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:snowflake-cold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--snowflake-cold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:snowflake-cold"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:snowflake-cold"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/wi/snowflake-cold.svg" alt="Иконка Snowflake Cold" width="24" height="24">Вопросы и ответы: Иконка Snowflake Cold
Можно ли бесплатно использовать иконку Snowflake Cold в коммерческих проектах?
Да. Weather Icons выпущены под лицензией Open Font License, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Snowflake Cold в React?
Установите @iconify/react и выведите <Icon icon="wi:snowflake-cold" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Snowflake Cold на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/wi/snowflake-cold.svg" alt="Иконка Snowflake Cold">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.