Иконка Sari
fluent-emoji-high-contrast:sari
Иконка Sari (fluent-emoji-high-contrast:sari) — бесплатная 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"><path fill="currentColor" d="M21.48 0c.111 0 .22.011.32.022c.446.043.881.166 1.285.361l.125.067l.011.007c.101.053.197.11.28.163l3.16 2l.026.014l.021.014c.5.336.856.845 1 1.429a2.4 2.4 0 0 1-.192 1.694l-1.513 2.998V16l.003.006c0 .552-.275 1.022-.824 1.022h-.223l1.946 10.79a3.5 3.5 0 0 1 .07 1.2A3.425 3.425 0 0 1 23.6 32H10.092a3.45 3.45 0 0 1-3.238-3.017a3.6 3.6 0 0 1 .08-1.233l.01-.04L8.2 20.836a2.46 2.46 0 0 1-.108-1.329L9.446 11.7a3 3 0 0 1 .464-1.184q.043-.065.09-.127v-.018a2.35 2.35 0 0 1-1.756-1.216L6.425 5.813a2.43 2.43 0 0 1 .791-3.165l.022-.014l.021-.014L10.4.634A3.95 3.95 0 0 1 12.49 0zm-.455 2v1.428c0 2.204-1.303 3.626-2.865 4.72c-1.412.99-5.038 3.548-6.914 4.88l-1.157 6.688c1.928-1.384 4.552-3.254 6.784-4.846l.002-.001c2.402-1.712 4.351-3.101 4.493-3.215c.376-.302.634-.544.634-1.03V2.096a1.8 1.8 0 0 0-.409-.085C21.54 2 21.485 2 21.43 2zM17.71 7.24s2.291-1.36 2.291-3.46V2h-.19v.1A3 3 0 0 1 17 5.17a3 3 0 0 1-2.82-3.07V2h-1.69a1.9 1.9 0 0 0-1 .31l-3.16 2a.427.427 0 0 0-.14.56L10 8.2a.37.37 0 0 0 .5.15l1.5-.94v3.78l-.013.064zm5.303-4.564v5.36s-.157-.098.52.318a.4.4 0 0 0 .142.049h.048a.38.38 0 0 0 .327-.203l1.685-3.33a.43.43 0 0 0-.14-.56zM10.2 21.03l-1.29 7.04l-.018.083c-.051.189-.07.385-.054.58q.018.143.064.28h16.03q.041-.127.058-.256c.015-.183 0-.367-.047-.544l-.024-.123l-2.832-15.722zm0 8.97"/></svg>Как использовать иконку Sari
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:sari" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:sari" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:sari" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--sari]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:sari"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:sari"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sari.svg" alt="Иконка Sari" width="24" height="24">Иконка Sari в других наборах
Вопросы и ответы: Иконка Sari
Можно ли бесплатно использовать иконку Sari в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sari в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:sari" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sari на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/sari.svg" alt="Иконка Sari">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.