Иконка Hook
fluent-emoji-high-contrast:hook
Иконка Hook (fluent-emoji-high-contrast:hook) — бесплатная 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="M10.976 9.055a2.024 2.024 0 1 0 0-4.047a2.024 2.024 0 0 0 0 4.047"/><path d="M8.827 27.567a9 9 0 0 0 3.513 3.052a11.1 11.1 0 0 0 4.608 1.137a9.84 9.84 0 0 0 5.571-1.545l.022-.014l.022-.014a9 9 0 0 0 3.05-3.513c.483-.982.818-2.03.995-3.11q.113-.667.14-1.344l.003-.074l-.002-.073a9.96 9.96 0 0 0-1.606-5.11c-.51-.799-1.306-1.595-2.089-2.19a8 8 0 0 0-1.324-.825c-.437-.21-1.049-.437-1.728-.437c-.522 0-1.432.08-2.112.802a2.4 2.4 0 0 0-.638 1.695v.003c0 .692.297 1.198.5 1.473c.14.189.3.353.4.45c-.065.85-.034 1.574.278 2.304c.114.267.264.52.346.659l.03.051c.089.152.173.303.27.52l.01.022l.01.023q.12.249.15.522q-.011.142-.035.286l-.002.007l-.001.008a3.6 3.6 0 0 1-.321 1.008l-.005.01l-.005.01a1.5 1.5 0 0 1-.476.574a2.36 2.36 0 0 1-1.301.321a3.8 3.8 0 0 1-1.45-.368l-.013-.006a1.5 1.5 0 0 1-.57-.472a2.36 2.36 0 0 1-.322-1.308l.002-.041l.06-9.927a1.75 1.75 0 0 1 .348-.818a10 10 0 0 0 .436-.5c.235-.286.628-.794.878-1.347c.385-.855.528-1.522.529-2.46a5.7 5.7 0 0 0-.735-2.88a6 6 0 1 0-9.28 7.336c.15.178.259.387.32.61l-.05 9.901a9.84 9.84 0 0 0 1.546 5.55l.014.02zm.425-5.56l.053-10.144a3.64 3.64 0 0 0-.907-1.819a4 4 0 1 1 6.11-4.957c.322.588.49 1.146.49 1.92c0 .655-.084 1.042-.353 1.639c-.27.599-.999 1.354-.999 1.354a3.75 3.75 0 0 0-.839 2.007l-.06 10a4.36 4.36 0 0 0 .644 2.494a3.5 3.5 0 0 0 1.389 1.187a5.8 5.8 0 0 0 2.226.565a4.36 4.36 0 0 0 2.489-.643c.51-.35.92-.83 1.187-1.389a5.6 5.6 0 0 0 .5-1.568q.054-.318.07-.641a3.7 3.7 0 0 0-.349-1.361c-.157-.353-.296-.59-.413-.79c-.292-.497-.437-.744-.332-1.929l.013-.144l.007-.082a1.3 1.3 0 0 0-.015-.24a1.4 1.4 0 0 0-.161-.464a2 2 0 0 0-.347-.4l-.038-.036c-.195-.189-.365-.355-.365-.559s0-.5.75-.5c.162 0 .345.038.54.106c.224.078.464.197.71.344a6 6 0 0 1 .693.482c.614.483 1.184 1.08 1.517 1.604a7.95 7.95 0 0 1 1.288 4.09a9 9 0 0 1-.115 1.1a9.1 9.1 0 0 1-.818 2.557a7 7 0 0 1-2.375 2.736a7.84 7.84 0 0 1-4.44 1.231a9.1 9.1 0 0 1-3.782-.934a7 7 0 0 1-2.736-2.376a7.84 7.84 0 0 1-1.232-4.44"/></g></svg>
Как использовать иконку Hook
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:hook" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:hook" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:hook" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--hook]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:hook"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:hook"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/hook.svg" alt="Иконка Hook" width="24" height="24">
Иконка Hook в других наборах
Вопросы и ответы: Иконка Hook
Можно ли бесплатно использовать иконку Hook в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Hook в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:hook" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Hook на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/hook.svg" alt="Иконка Hook">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji High Contrast →
ICONYZ
