Иконка Cat With Wry Smile
fluent-emoji-high-contrast:cat-with-wry-smile
Иконка Cat With Wry Smile (fluent-emoji-high-contrast:cat-with-wry-smile) — бесплатная 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
- Категория
- Смайлы и эмоции
- Теги
- catwith, withwry, wrysmile, catwithwrysmile
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M26.728 6.036a.45.45 0 0 0-.503.099L21.39 11H10.753l-4.96-4.863a.47.47 0 0 0-.517-.1A.4.4 0 0 0 5 6.43v.363l3.146 3.146a1.5 1.5 0 0 1 0 2.122L5 15.207v4.866l-1.83-.915a2 2 0 0 0-.17-.072V6.43c0-2.26 2.723-3.185 4.203-1.711L11.57 9h8.988l4.248-4.275C26.288 3.234 29 4.178 29 6.43v12.656q-.087.03-.17.072l-1.83.915v-4.866l-3.146-3.146a1.5 1.5 0 0 1 0-2.122L27 6.793V6.43a.4.4 0 0 0-.272-.394m-2.167 5.318L27 13.793V8.207l-2.44 2.44a.5.5 0 0 0 0 .707M5 13.793l2.44-2.44a.5.5 0 0 0 0-.707L5 8.208zm0 9.78v-.146l-2-1v2.146zm.135 3.287l-1.804.901C4.041 29.64 5.814 31 7.918 31h16.164c2.096 0 3.835-1.397 4.558-3.253l-1.798-.9C26.437 28.1 25.31 29 24.082 29H7.918c-1.276 0-2.405-.888-2.783-2.14M29 22.427v2.146l-2-1v-.146z"/><path d="M17.043 20h-2.086a.5.5 0 0 0-.353.854l1.042 1.042a.5.5 0 0 0 .708 0l1.042-1.042a.5.5 0 0 0-.353-.854m5.457 2a.5.5 0 0 1 .5.5c0 1.569-.707 2.706-1.625 3.44c-.901.721-2.011 1.06-2.875 1.06a.5.5 0 0 1 0-1c.637 0 1.526-.261 2.25-.84c.708-.566 1.25-1.428 1.25-2.66a.5.5 0 0 1 .5-.5M2.053 20.276a.5.5 0 0 1 .67-.223l4 2a.5.5 0 1 1-.446.894l-4-2a.5.5 0 0 1-.224-.67m0 6.447a.5.5 0 0 0 .67.223l4-2a.5.5 0 1 0-.446-.894l-4 2a.5.5 0 0 0-.224.67m27.224-6.67a.5.5 0 1 1 .447.894l-4 2a.5.5 0 1 1-.448-.894zm.67 6.671a.5.5 0 0 1-.67.223l-4-2a.5.5 0 1 1 .447-.894l4 2a.5.5 0 0 1 .223.67m-20-11.447a.5.5 0 1 0-.894.448a4.6 4.6 0 0 0 1.292 1.52A1 1 0 0 0 10 18v1a1 1 0 1 0 2 0v-1.038q.24.038.5.038a.5.5 0 0 0 0-1c-.654 0-1.212-.271-1.658-.637a3.6 3.6 0 0 1-.895-1.087M20 18v-.038a3 3 0 0 1-.5.038a.5.5 0 1 1 0-1c.654 0 1.212-.271 1.658-.637c.45-.368.757-.811.895-1.087a.5.5 0 1 1 .894.448a4.6 4.6 0 0 1-1.292 1.52A1 1 0 0 1 22 18v1a1 1 0 1 1-2 0z"/></g></svg>Как использовать иконку Cat With Wry Smile
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:cat-with-wry-smile" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:cat-with-wry-smile" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:cat-with-wry-smile" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--cat-with-wry-smile]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:cat-with-wry-smile"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:cat-with-wry-smile"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/cat-with-wry-smile.svg" alt="Иконка Cat With Wry Smile" width="24" height="24">Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Cat With Wry Smile в других наборах
Вопросы и ответы: Иконка Cat With Wry Smile
Можно ли бесплатно использовать иконку Cat With Wry Smile в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Cat With Wry Smile в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:cat-with-wry-smile" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Cat With Wry Smile на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/cat-with-wry-smile.svg" alt="Иконка Cat With Wry Smile">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.