Иконка Chains
fluent-emoji-high-contrast:chains
Иконка Chains (fluent-emoji-high-contrast:chains) — бесплатная 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
- Категория
- Предметы
- Теги
- chain
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M21.5 5.49V2.45c0-.25.2-.45.44-.45h2.11c.25 0 .45.2.45.45v3.06c0 .82-.66 1.49-1.47 1.51c-.84.02-1.53-.69-1.53-1.53m-14 7.01c0 .83.67 1.5 1.5 1.5s1.5-.68 1.5-1.5v-7C10.5 4.67 9.83 4 9 4s-1.5.67-1.5 1.5zm0 14c0 .83.67 1.5 1.5 1.5s1.5-.68 1.5-1.5v-7c0-.83-.67-1.5-1.5-1.5s-1.5.67-1.5 1.5zM23 21c-.83 0-1.5-.67-1.5-1.5v-7c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v7c0 .83-.67 1.5-1.5 1.5m1.5 8.57v-3.04c0-.84-.69-1.55-1.53-1.53c-.82.02-1.47.68-1.47 1.5v3.07c0 .25.2.45.45.45h2.11c.24-.01.44-.2.44-.45M18 7c0-1.95 1.12-3.642 2.75-4.466V5.49c0 .398.105.78.29 1.112Q21 6.796 21 7v4q0 .203.04.394c-.185.327-.29.704-.29 1.106v2.966A5 5 0 0 1 18 11zm7.25-1.49c0 .4-.105.776-.288 1.103Q25 6.8 25 7v4q0 .203-.04.394c.185.327.29.704.29 1.106v2.966A5 5 0 0 0 28 11V7c0-1.95-1.12-3.642-2.75-4.466zM28 21c0-1.95-1.12-3.642-2.75-4.466V19.5c0 .402-.105.78-.29 1.106q.04.192.04.394v4q0 .213-.043.412c.187.335.293.718.293 1.118v2.936A5 5 0 0 0 28 25zm-7.25-1.5c0 .402.105.78.29 1.106Q21 20.798 21 21v4q0 .202.04.394a2.24 2.24 0 0 0-.29 1.106v2.966A5 5 0 0 1 18 25v-4c0-1.95 1.12-3.642 2.75-4.466zM7 3c0 .379.106.733.291 1.035A2.24 2.24 0 0 0 6.75 5.5v2.004A4.68 4.68 0 0 1 4 3.23v-.68c0-.3.24-.54.54-.54h1.92c.3 0 .54.24.54.54zm4.25 2.5v1.96A4.99 4.99 0 0 0 14 3v-.45c0-.3-.24-.54-.54-.54h-1.92c-.3 0-.54.24-.54.54v.66c0 .275-.1.59-.26.862c.319.388.51.886.51 1.428M4 14c0-1.95 1.12-3.642 2.75-4.466V12.5c0 .402.105.779.289 1.105Q7 13.797 7 14v4q0 .203.04.394c-.185.327-.29.704-.29 1.106v2.966A5 5 0 0 1 4 18zm7.25-1.5c0 .399-.105.775-.29 1.102q.04.194.04.398v4q0 .203-.04.394c.185.327.29.704.29 1.106v2.966A5 5 0 0 0 14 18v-4a4.99 4.99 0 0 0-2.75-4.468zM4 29a5 5 0 0 1 2.75-4.461V26.5c0 .543.191 1.04.51 1.428c-.16.272-.26.587-.26.862v.66c0 .3-.24.54-.54.53H4.54c-.3 0-.54-.24-.54-.54zm7.25-2.5a2.24 2.24 0 0 1-.543 1.462c.186.303.293.658.293 1.038v.44c0 .3.24.54.54.54h1.92c.3 0 .54-.24.54-.54v-.68a4.68 4.68 0 0 0-2.75-4.274z"/></svg>Как использовать иконку Chains
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:chains" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:chains" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:chains" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--chains]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:chains"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:chains"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/chains.svg" alt="Иконка Chains" width="24" height="24">Иконка Chains в других наборах
Вопросы и ответы: Иконка Chains
Можно ли бесплатно использовать иконку Chains в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Chains в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:chains" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Chains на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/chains.svg" alt="Иконка Chains">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.