Иконка Om
fluent-emoji-high-contrast:om
Иконка Om (fluent-emoji-high-contrast:om) — бесплатная 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="M22 9a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-7 4a3 3 0 0 1-3 3a1.001 1.001 0 0 0-.707 1.707A1 1 0 0 0 12 18a3 3 0 1 1-2.241 4.994l-.012.008l-3.188-3.83a.992.992 0 1 0-1.525 1.268l3.053 3.669l-.002.001a5 5 0 0 0 8.588-4.893l4.088-1.49c1.553-.494 2.739-.34 3.488.077c.727.404 1.157 1.11 1.157 2.04c0 1.143-.432 1.86-1.015 2.264c-.605.42-1.524.604-2.659.357l-2.045-.527a1 1 0 1 0-.499 1.937l2.063.53l.017.005l.016.004c1.546.341 3.074.15 4.247-.662c1.198-.83 1.875-2.208 1.875-3.908c0-1.633-.803-3.02-2.186-3.789c-1.357-.753-3.15-.849-5.088-.226l-.017.006l-.02.007l-4.532 1.65a5 5 0 0 0-.562-.492a5 5 0 1 0-8-4A1 1 0 1 0 9 13a3 3 0 1 1 6 0"/><path d="M19.03 9.205a1 1 0 0 1 1.39.262l.343.504a3 3 0 0 0 2.906 1.277l.782-.113a1 1 0 0 1 .285 1.98l-.782.112a5 5 0 0 1-4.842-2.129l-.344-.503a1 1 0 0 1 .262-1.39"/><path d="M6 1a5 5 0 0 0-5 5v20a5 5 0 0 0 5 5h20a5 5 0 0 0 5-5V6a5 5 0 0 0-5-5zM3 6a3 3 0 0 1 3-3h20a3 3 0 0 1 3 3v20a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3z"/></g></svg>Как использовать иконку Om
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:om" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:om" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:om" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--om]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:om"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:om"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/om.svg" alt="Иконка Om" width="24" height="24">Иконка Om в других наборах
Вопросы и ответы: Иконка Om
Можно ли бесплатно использовать иконку Om в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Om в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:om" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Om на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/om.svg" alt="Иконка Om">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.