Иконка Cold Face
fluent-emoji-high-contrast:cold-face
Иконка Cold Face (fluent-emoji-high-contrast:cold-face) — бесплатная 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
- Категория
- Смайлы и эмоции
- Теги
- coldface
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M12 16a2 2 0 1 0 0-4a2 2 0 0 0 0 4m8 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4M8.5 22a3.5 3.5 0 0 1 3.5-3.5h8a3.5 3.5 0 1 1 0 7h-8A3.5 3.5 0 0 1 8.5 22m3.5 2.5h8c.816 0 1.54-.39 1.996-.995Q22 23.452 22 23.4a.4.4 0 0 0-.4-.4H10.4a.4.4 0 0 0-.4.4q0 .053.003.104A2.5 2.5 0 0 0 12 24.5m8.919-2.5a1.5 1.5 0 0 0 1.395-.948A2.5 2.5 0 0 0 20 19.5h-8a2.5 2.5 0 0 0-2.314 1.552a1.5 1.5 0 0 0 1.395.948zM11.61 6.012a.5.5 0 0 1 .378.597c-.3 1.344-1.042 2.208-1.914 2.724C9.218 9.84 8.257 10 7.5 10a.5.5 0 0 1 0-1c.633 0 1.404-.136 2.065-.528c.646-.382 1.21-1.019 1.447-2.081a.5.5 0 0 1 .597-.379m8.781 0a.5.5 0 0 0-.378.597c.3 1.344 1.042 2.208 1.914 2.724c.856.507 1.817.667 2.574.667a.5.5 0 0 0 0-1c-.633 0-1.404-.136-2.065-.528c-.646-.382-1.21-1.019-1.447-2.081a.5.5 0 0 0-.597-.379"/><path d="M4.763 5.423C7.313 2.654 11.095 1 16 1s8.686 1.654 11.235 4.423c2.537 2.755 3.764 6.515 3.764 10.576c0 3.917-1.14 7.553-3.498 10.278v1.973a2.75 2.75 0 0 1-5.004 1.576c-1.881.761-4.052 1.172-6.497 1.172q-1.81-.002-3.415-.293A2.75 2.75 0 0 1 7.512 29.5H7a3 3 0 0 1-3-3v-.835c-2.02-2.648-3-6.036-3-9.666c0-4.061 1.226-7.821 3.763-10.576m1.472 1.355C4.105 9.089 3 12.328 3 15.998c0 3.4.949 6.43 2.778 8.693a1 1 0 0 1 .222.628V26.5a1 1 0 0 0 1 1h.5a.5.5 0 0 0 .302-.102a1 1 0 0 1 1.096-.076l.085.047a1 1 0 0 1 .517.876v1.005a.75.75 0 0 0 1.488.134a1 1 0 0 1 1.212-.8a16.7 16.7 0 0 0 3.799.414c2.61 0 4.794-.515 6.574-1.397a1 1 0 0 1 1.434.756a.75.75 0 0 0 1.493-.107v-2.354a1 1 0 0 1 .264-.677c2.128-2.312 3.234-5.55 3.234-9.22s-1.106-6.91-3.235-9.221C23.647 4.48 20.43 3 16 3S8.35 4.48 6.235 6.778"/></g></svg>Как использовать иконку Cold Face
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:cold-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:cold-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:cold-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--cold-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:cold-face"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:cold-face"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/cold-face.svg" alt="Иконка Cold Face" width="24" height="24">Иконка Cold Face в других наборах
Вопросы и ответы: Иконка Cold Face
Можно ли бесплатно использовать иконку Cold Face в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cold Face в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:cold-face" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cold Face на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/cold-face.svg" alt="Иконка Cold Face">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.