Иконка Broken Chain
fluent-emoji-high-contrast:broken-chain
Иконка Broken Chain (fluent-emoji-high-contrast:broken-chain) — бесплатная 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
- Категория
- Предметы
- Теги
- brokenchain
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M28.457 3.54a5.26 5.26 0 0 0-7.44 0L18.04 6.518a5.27 5.27 0 0 0-1.301 5.293l2.484-2.484c.329-.329.722-.55 1.14-.666l2.886-2.887a2.104 2.104 0 1 1 2.976 2.977l-2.585 2.585a2.58 2.58 0 0 1-.753 1.654l-2.365 2.364a5.26 5.26 0 0 0 4.959-1.393l2.976-2.977a5.26 5.26 0 0 0 0-7.442"/><path d="m22.18 12.282l-3.927 3.926l-.003.002c-.47.469-1.355.343-1.974-.28c-.62-.623-.74-1.507-.27-1.976l.038-.035l3.886-3.886a1.59 1.59 0 0 1 2.25 0a1.59 1.59 0 0 1 0 2.249M11.782 16.73a5.26 5.26 0 0 0-5.266 1.31L3.54 21.018a5.263 5.263 0 0 0 7.44 7.442l2.977-2.976a5.26 5.26 0 0 0 1.388-4.989L12.85 22.99a2.58 2.58 0 0 1-1.612.747l-2.49 2.49a2.11 2.11 0 0 1-2.976 0a2.11 2.11 0 0 1 0-2.977l2.737-2.737a2.6 2.6 0 0 1 .678-1.186z"/><path d="M9.894 20.034a1.59 1.59 0 0 0 0 2.249a1.595 1.595 0 0 0 2.249 0l3.231-3.232l.052-.047c.471-.469.35-1.354-.27-1.977c-.619-.623-1.503-.748-1.974-.28l-.042.045l-.003-.002zM12.01 4.762a1 1 0 1 0-1.94.487l.96 2.964a1 1 0 1 0 1.94-.487zm-7.717.487a.996.996 0 0 1 1.414 0l4 4.02a1.01 1.01 0 0 1 0 1.421a.996.996 0 0 1-1.414 0l-4-4.02a1.01 1.01 0 0 1 0-1.421m-.018 5.774a1.006 1.006 0 0 0-.55 1.933l3.5 1.005a1.006 1.006 0 0 0 .55-1.933zm24.686 9.263a1 1 0 0 1-1.236.69l-3.5-1.004a1.006 1.006 0 0 1 .55-1.933l3.5 1.005c.53.152.838.709.686 1.242m-2.668 6.465a.996.996 0 0 0 1.414 0a1.01 1.01 0 0 0 0-1.421l-4-4.02a.996.996 0 0 0-1.414 0a1.01 1.01 0 0 0 0 1.42zm-5.09 1.219a1 1 0 0 1-1.213-.732l-.96-2.964a1 1 0 1 1 1.94-.488l.96 2.965a1.005 1.005 0 0 1-.727 1.219"/></g></svg>Как использовать иконку Broken Chain
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:broken-chain" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:broken-chain" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:broken-chain" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--broken-chain]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:broken-chain"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:broken-chain"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/broken-chain.svg" alt="Иконка Broken Chain" width="24" height="24">Похожие иконки в наборе Fluent Emoji High Contrast
Иконка Broken Chain в других наборах
Вопросы и ответы: Иконка Broken Chain
Можно ли бесплатно использовать иконку Broken Chain в коммерческих проектах?
Да. Fluent Emoji High Contrast icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Broken Chain в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-high-contrast:broken-chain" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Broken Chain на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/broken-chain.svg" alt="Иконка Broken Chain">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.