Иконка Ice
fluent-emoji-high-contrast:ice
Иконка Ice (fluent-emoji-high-contrast:ice) — бесплатная SVG-иконка из набора Fluent Emoji High Contrast от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji High Contrast
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Еда и напитки
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M5.93 11.665c.05-.06.12-.08.19-.07s.14.06.19.13l1.36 1.97c.07.1.14.2.21.31c.28.46.43 1 .39 1.56c-.07 1.14-.93 1.94-1.99 1.87l-.075-.01q-.037-.003-.075-.01c-1.19-.17-2.16-1.35-2.16-2.63c0-.55.17-1.02.46-1.38l.05-.05zm1.8 11.62c0-.6.45-1.03 1.01-.95c.56.07 1.01.62 1.01 1.23c0 .6-.45 1.03-1.01.95s-1.01-.63-1.01-1.23m5.26-5.72c-.56-.08-1.01.35-1.01.95s.45 1.15 1.01 1.23c.56.07 1.01-.35 1.01-.95s-.45-1.16-1.01-1.23m7.64-4.15c.07-.01.13.01.18.07l1.33 1.55c.01.01.02.02.02.03l.01.02c.27.33.42.76.42 1.26c0 1.18-.89 2.26-1.98 2.41c-.05.01-.09.01-.14.01c-.97.06-1.76-.67-1.83-1.71c-.03-.51.1-1.01.35-1.43c.06-.1.12-.19.19-.28l1.25-1.81c.07-.07.14-.11.2-.12m6.11 6.34c.56-.08 1.01.35 1.01.95s-.45 1.15-1.01 1.23s-1.01-.35-1.01-.95s.45-1.15 1.01-1.23"/><path d="M17.182 1.02a3.5 3.5 0 0 0-2.363 0L2.986 5.265A3 3 0 0 0 1 8.088V23.6a3 3 0 0 0 1.974 2.819l11.829 4.305a3.5 3.5 0 0 0 2.394 0l11.829-4.305A3 3 0 0 0 31 23.599V8.089a3 3 0 0 0-1.987-2.824zm-1.688 1.883a1.5 1.5 0 0 1 1.012 0L27.7 6.917l-10.76 3.918c-.61.22-1.28.22-1.889 0h-.001L4.3 6.918zM3 8.573l11.281 4.11v.003c.43.156.72.568.72 1.03v14.951L3.657 24.54A1 1 0 0 1 3 23.6zm14 20.094V13.715q0-.413-.105-.8q.369-.07.725-.2L29 8.573V23.6a1 1 0 0 1-.658.94z"/></g></svg>
Как использовать иконку Ice
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:ice" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:ice" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:ice" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--ice]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:ice"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:ice"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ice.svg" alt="Иконка Ice" width="24" height="24">
Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Ice в других наборах
Вопросы и ответы: Иконка Ice
Можно ли бесплатно использовать иконку Ice в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Ice в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:ice" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Ice на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ice.svg" alt="Иконка Ice">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
