Иконка Broken Chain
fluent-emoji:broken-chain
Иконка Broken Chain (fluent-emoji:broken-chain) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- 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="none"><path fill="url(#itMuche)" d="M6.516 18.04a5.262 5.262 0 0 1 7.441 7.443l-2.976 2.976a5.263 5.263 0 0 1-7.44-7.442zm5.209 5.21a2.104 2.104 0 1 0-2.976-2.977L5.772 23.25a2.11 2.11 0 0 0 0 2.977a2.11 2.11 0 0 0 2.977 0z"/><path fill="url(#iDJTzSb)" fill-opacity=".9" d="M6.516 18.04a5.262 5.262 0 0 1 7.441 7.443l-2.976 2.976a5.263 5.263 0 0 1-7.44-7.442zm5.209 5.21a2.104 2.104 0 1 0-2.976-2.977L5.772 23.25a2.11 2.11 0 0 0 0 2.977a2.11 2.11 0 0 0 2.977 0z"/><path fill="url(#iC74KTv)" fill-opacity=".8" d="M6.516 18.04a5.262 5.262 0 0 1 7.441 7.443l-2.976 2.976a5.263 5.263 0 0 1-7.44-7.442zm5.209 5.21a2.104 2.104 0 1 0-2.976-2.977L5.772 23.25a2.11 2.11 0 0 0 0 2.977a2.11 2.11 0 0 0 2.977 0z"/><path fill="url(#iCYTUKd)" fill-opacity=".9" d="M6.516 18.04a5.262 5.262 0 0 1 7.441 7.443l-2.976 2.976a5.263 5.263 0 0 1-7.44-7.442zm5.209 5.21a2.104 2.104 0 1 0-2.976-2.977L5.772 23.25a2.11 2.11 0 0 0 0 2.977a2.11 2.11 0 0 0 2.977 0z"/><path fill="url(#i6GOgYD)" fill-opacity=".9" d="M6.516 18.04a5.262 5.262 0 0 1 7.441 7.443l-2.976 2.976a5.263 5.263 0 0 1-7.44-7.442zm5.209 5.21a2.104 2.104 0 1 0-2.976-2.977L5.772 23.25a2.11 2.11 0 0 0 0 2.977a2.11 2.11 0 0 0 2.977 0z"/><path fill="url(#iERZ75c)" fill-opacity=".3" d="M6.516 18.04a5.262 5.262 0 0 1 7.441 7.443l-2.976 2.976a5.263 5.263 0 0 1-7.44-7.442zm5.209 5.21a2.104 2.104 0 1 0-2.976-2.977L5.772 23.25a2.11 2.11 0 0 0 0 2.977a2.11 2.11 0 0 0 2.977 0z"/><path fill="url(#iw9zCJd)" d="M21.016 3.54a5.262 5.262 0 0 1 7.441 7.443l-2.976 2.976a5.263 5.263 0 0 1-7.44-7.442zm5.209 5.21a2.104 2.104 0 1 0-2.976-2.977L20.272 8.75a2.11 2.11 0 0 0 0 2.977a2.11 2.11 0 0 0 2.977 0z"/><path fill="url(#i9zhkte)" fill-opacity=".8" d="M21.016 3.54a5.262 5.262 0 0 1 7.441 7.443l-2.976 2.976a5.263 5.263 0 0 1-7.44-7.442zm5.209 5.21a2.104 2.104 0 1 0-2.976-2.977L20.272 8.75a2.11 2.11 0 0 0 0 2.977a2.11 2.11 0 0 0 2.977 0z"/><path fill="url(#iWQF6Ab)" fill-opacity=".8" d="M21.016 3.54a5.262 5.262 0 0 1 7.441 7.443l-2.976 2.976a5.263 5.263 0 0 1-7.44-7.442zm5.209 5.21a2.104 2.104 0 1 0-2.976-2.977L20.272 8.75a2.11 2.11 0 0 0 0 2.977a2.11 2.11 0 0 0 2.977 0z"/><path fill="url(#i2NDAuc)" d="M21.016 3.54a5.262 5.262 0 0 1 7.441 7.443l-2.976 2.976a5.263 5.263 0 0 1-7.44-7.442zm5.209 5.21a2.104 2.104 0 1 0-2.976-2.977L20.272 8.75a2.11 2.11 0 0 0 0 2.977a2.11 2.11 0 0 0 2.977 0z"/><path fill="url(#iMFaxvc)" fill-opacity=".9" d="M21.016 3.54a5.262 5.262 0 0 1 7.441 7.443l-2.976 2.976a5.263 5.263 0 0 1-7.44-7.442zm5.209 5.21a2.104 2.104 0 1 0-2.976-2.977L20.272 8.75a2.11 2.11 0 0 0 0 2.977a2.11 2.11 0 0 0 2.977 0z"/><path fill="url(#iQJIIZD)" d="M4.275 11.023a1.006 1.006 0 0 0-.55 1.933l3.5 1.005a1.006 1.006 0 0 0 .55-1.933z"/><path fill="url(#iyE5Uwc)" d="M4.275 11.023a1.006 1.006 0 0 0-.55 1.933l3.5 1.005a1.006 1.006 0 0 0 .55-1.933z"/><path fill="url(#iQmXiZd)" d="M4.275 11.023a1.006 1.006 0 0 0-.55 1.933l3.5 1.005a1.006 1.006 0 0 0 .55-1.933z"/><path fill="url(#iJMWzue)" d="M5.707 5.249a.996.996 0 0 0-1.414 0a1.01 1.01 0 0 0 0 1.421l4 4.02a.996.996 0 0 0 1.414 0a1.01 1.01 0 0 0 0-1.421z"/><path fill="url(#irhzc9d)" d="M5.707 5.249a.996.996 0 0 0-1.414 0a1.01 1.01 0 0 0 0 1.421l4 4.02a.996.996 0 0 0 1.414 0a1.01 1.01 0 0 0 0-1.421z"/><path fill="url(#ipdqNdb)" d="M10.798 4.03a1 1 0 0 1 1.212.731l.96 2.965a1 1 0 1 1-1.94.488l-.96-2.965a1.005 1.005 0 0 1 .727-1.219"/><path fill="url(#iM8hvbc)" d="M10.798 4.03a1 1 0 0 1 1.212.731l.96 2.965a1 1 0 1 1-1.94.488l-.96-2.965a1.005 1.005 0 0 1 .727-1.219"/><path fill="url(#ii5HVMd)" d="M21.203 27.97a1 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"/><path fill="url(#iyg9VNb)" d="M21.203 27.97a1 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"/><path fill="url(#ioqhRNg)" d="M23.707 21.31a.996.996 0 0 0-1.414 0a1.01 1.01 0 0 0 0 1.42l4 4.021a.996.996 0 0 0 1.414 0a1.01 1.01 0 0 0 0-1.421z"/><path fill="url(#iuENwVb)" d="M23.707 21.31a.996.996 0 0 0-1.414 0a1.01 1.01 0 0 0 0 1.42l4 4.021a.996.996 0 0 0 1.414 0a1.01 1.01 0 0 0 0-1.421z"/><path fill="url(#il6dJmc)" d="M27.725 20.977a1.006 1.006 0 0 0 .55-1.933l-3.5-1.005a1.006 1.006 0 0 0-.55 1.933z"/><path fill="url(#idaxPFd)" d="M27.725 20.977a1.006 1.006 0 0 0 .55-1.933l-3.5-1.005a1.006 1.006 0 0 0-.55 1.933z"/><path fill="url(#iG6W4Tc)" d="m16.004 13.959l2.25 2.249l3.925-3.926a1.59 1.59 0 0 0 0-2.25a1.59 1.59 0 0 0-2.249 0z"/><path fill="url(#ilUXWdX)" fill-opacity=".8" d="m16.004 13.959l2.25 2.249l3.925-3.926a1.59 1.59 0 0 0 0-2.25a1.59 1.59 0 0 0-2.249 0z"/><ellipse cx="16.982" cy="15.228" fill="url(#i0r6voe)" rx="1.591" ry=".996" transform="rotate(45.156 16.982 15.228)"/><path fill="url(#isxWKGb)" fill-rule="evenodd" d="m15.374 19.051l.052-.048c.471-.468.35-1.353-.27-1.976c-.619-.623-1.503-.748-1.974-.28l-.042.045l-.002-.002l-3.244 3.244a1.59 1.59 0 0 0 0 2.249a1.595 1.595 0 0 0 2.249 0z" clip-rule="evenodd"/><path fill="url(#i0KXZ6d)" fill-rule="evenodd" d="m15.374 19.051l.052-.048c.471-.468.35-1.353-.27-1.976c-.619-.623-1.503-.748-1.974-.28l-.042.045l-.002-.002l-3.244 3.244a1.59 1.59 0 0 0 0 2.249a1.595 1.595 0 0 0 2.249 0z" clip-rule="evenodd"/><defs><radialGradient id="itMuche" cx="0" cy="0" r="1" gradientTransform="matrix(-8.31251 16.37494 -12.81096 -6.5033 8.75 20.875)" gradientUnits="userSpaceOnUse"><stop stop-color="#E2DBE9"/><stop offset=".366" stop-color="#D6CBE2"/><stop offset=".422" stop-color="#D0BEE4"/><stop offset=".557" stop-color="#C49FE7"/></radialGradient><radialGradient id="iDJTzSb" cx="0" cy="0" r="1" gradientTransform="rotate(135.953 .284 12.378)scale(4.65208 3.03628)" gradientUnits="userSpaceOnUse"><stop offset=".03" stop-color="#B597D4"/><stop offset=".587" stop-color="#B597D4" stop-opacity=".63"/><stop offset="1" stop-color="#B597D4" stop-opacity="0"/></radialGradient><radialGradient id="iC74KTv" cx="0" cy="0" r="1" gradientTransform="rotate(102.043 -.39 16.905)scale(4.79298 2.82048)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="iCYTUKd" cx="0" cy="0" r="1" gradientTransform="rotate(138.323 .336 13.687)scale(6.86163 3.92411)" gradientUnits="userSpaceOnUse"><stop offset=".427" stop-color="#A196AD"/><stop offset="1" stop-color="#ADA2BB" stop-opacity="0"/></radialGradient><radialGradient id="iERZ75c" cx="0" cy="0" r="1" gradientTransform="matrix(1.125 2.8125 -1.65505 .66202 4 25.75)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></radialGradient><radialGradient id="iw9zCJd" cx="0" cy="0" r="1" gradientTransform="matrix(-10.785 11.57805 -9.05807 -8.43763 24.063 8.25)" gradientUnits="userSpaceOnUse"><stop offset=".208" stop-color="#DCC5F5"/><stop offset=".318" stop-color="#ECE6F3"/><stop offset=".365" stop-color="#E9E1F2"/><stop offset=".528" stop-color="#C3BFC6"/></radialGradient><radialGradient id="i9zhkte" cx="0" cy="0" r="1" gradientTransform="matrix(7.875 .3125 -.23699 5.97214 20.563 15.188)" gradientUnits="userSpaceOnUse"><stop stop-color="#B597D4"/><stop offset=".272" stop-color="#B597D4"/><stop offset="1" stop-color="#B597D4" stop-opacity="0"/></radialGradient><radialGradient id="iWQF6Ab" cx="0" cy="0" r="1" gradientTransform="rotate(130.073 10.38 9.965)scale(5.14554 3.90221)" gradientUnits="userSpaceOnUse"><stop offset=".368" stop-color="#BFB5CB"/><stop offset="1" stop-color="#BFB5CB" stop-opacity="0"/></radialGradient><radialGradient id="i2NDAuc" cx="0" cy="0" r="1" gradientTransform="matrix(5.8125 -2.375 1.80112 4.408 17.438 12.875)" gradientUnits="userSpaceOnUse"><stop offset=".34" stop-color="#A196AD"/><stop offset="1" stop-color="#ADA2BB" stop-opacity="0"/></radialGradient><radialGradient id="iyE5Uwc" cx="0" cy="0" r="1" gradientTransform="rotate(53.867 -8.966 12.096)scale(5.96358 8.2978)" gradientUnits="userSpaceOnUse"><stop offset=".172" stop-color="#3453FC" stop-opacity="0"/><stop offset=".437" stop-color="#3A53F9"/></radialGradient><radialGradient id="iQmXiZd" cx="0" cy="0" r="1" gradientTransform="rotate(113.847 -.147 9.004)scale(2.28572)" gradientUnits="userSpaceOnUse"><stop stop-color="#6096FF"/><stop offset=".291" stop-color="#4E8BFF" stop-opacity="0"/></radialGradient><radialGradient id="irhzc9d" cx="0" cy="0" r="1" gradientTransform="matrix(3.71971 9.58096 -8.93837 3.47023 7.487 7.445)" gradientUnits="userSpaceOnUse"><stop offset=".238" stop-color="#3453FC" stop-opacity="0"/><stop offset=".485" stop-color="#3A53F9"/></radialGradient><radialGradient id="iM8hvbc" cx="0" cy="0" r="1" gradientTransform="matrix(1.50283 7.66444 -4.56049 .89421 12.093 6.295)" gradientUnits="userSpaceOnUse"><stop offset=".172" stop-color="#3453FC" stop-opacity="0"/><stop offset=".515" stop-color="#3A53F9"/></radialGradient><radialGradient id="iyg9VNb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.18748 -5.5438 4.5879 -.98272 20.969 25.512)" gradientUnits="userSpaceOnUse"><stop offset=".251" stop-color="#3453FC" stop-opacity="0"/><stop offset=".516" stop-color="#3A53F9"/></radialGradient><radialGradient id="iuENwVb" cx="0" cy="0" r="1" gradientTransform="matrix(4.53125 6.28125 -4.21402 3.03996 25.625 22.906)" gradientUnits="userSpaceOnUse"><stop offset=".344" stop-color="#3453FC" stop-opacity="0"/><stop offset=".553" stop-color="#3A53F9"/></radialGradient><radialGradient id="idaxPFd" cx="0" cy="0" r="1" gradientTransform="matrix(-1.53126 -3.21874 4.4786 -2.13062 26.25 19.219)" gradientUnits="userSpaceOnUse"><stop offset=".302" stop-color="#3453FC" stop-opacity="0"/><stop offset=".515" stop-color="#3A53F9"/></radialGradient><radialGradient id="iG6W4Tc" cx="0" cy="0" r="1" gradientTransform="matrix(-7.51691 7.55347 -3.42763 -3.41104 21.936 10.784)" gradientUnits="userSpaceOnUse"><stop offset=".236" stop-color="#E5E1E9"/><stop offset=".657" stop-color="#DCC5F5"/></radialGradient><radialGradient id="ilUXWdX" cx="0" cy="0" r="1" gradientTransform="matrix(2.9375 3.1875 -6.02722 5.5545 17.75 10.313)" gradientUnits="userSpaceOnUse"><stop offset=".278" stop-color="#B1A7BD"/><stop offset=".832" stop-color="#BFB5CB" stop-opacity="0"/></radialGradient><radialGradient id="isxWKGb" cx="0" cy="0" r="1" gradientTransform="matrix(-.18756 -7.05917 12.87636 -.34213 11.75 22.746)" gradientUnits="userSpaceOnUse"><stop stop-color="#B789DF"/><stop offset=".678" stop-color="#DAD2E2"/></radialGradient><linearGradient id="i6GOgYD" x1="-5.188" x2="8.75" y1="9.75" y2="25" gradientUnits="userSpaceOnUse"><stop offset=".687" stop-color="#A196AD"/><stop offset=".828" stop-color="#ADA2BB" stop-opacity="0"/></linearGradient><linearGradient id="iMFaxvc" x1="7.5" x2="23.25" y1="-3.5" y2="10.5" gradientUnits="userSpaceOnUse"><stop offset=".566" stop-color="#A196AD"/><stop offset=".866" stop-color="#ADA2BB" stop-opacity="0"/></linearGradient><linearGradient id="iQJIIZD" x1="6.407" x2="4.257" y1="7.879" y2="15.087" gradientUnits="userSpaceOnUse"><stop offset=".452" stop-color="#417AFF"/><stop offset=".53" stop-color="#5291FF"/><stop offset=".561" stop-color="#5291FF"/><stop offset=".584" stop-color="#5291FF"/><stop offset=".714" stop-color="#3758FE"/><stop offset=".753" stop-color="#6480F7"/></linearGradient><linearGradient id="iJMWzue" x1="10.986" x2="4.991" y1="4.771" y2="10.71" gradientUnits="userSpaceOnUse"><stop offset=".452" stop-color="#417AFF"/><stop offset=".511" stop-color="#5291FF"/><stop offset=".535" stop-color="#5291FF"/><stop offset=".559" stop-color="#5291FF"/><stop offset=".705" stop-color="#295CF7"/><stop offset=".753" stop-color="#6480F7"/></linearGradient><linearGradient id="ipdqNdb" x1="15.5" x2="8.833" y1="5" y2="7.289" gradientUnits="userSpaceOnUse"><stop offset=".452" stop-color="#417AFF"/><stop offset=".511" stop-color="#5291FF"/><stop offset=".535" stop-color="#5291FF"/><stop offset=".559" stop-color="#5291FF"/><stop offset=".714" stop-color="#4573FF"/><stop offset=".753" stop-color="#6480F7"/></linearGradient><linearGradient id="ii5HVMd" x1="23.407" x2="17.095" y1="22.125" y2="24.234" gradientUnits="userSpaceOnUse"><stop offset=".452" stop-color="#417AFF"/><stop offset=".511" stop-color="#5291FF"/><stop offset=".535" stop-color="#5291FF"/><stop offset=".559" stop-color="#5291FF"/><stop offset=".714" stop-color="#2E50FF"/><stop offset=".753" stop-color="#6480F7"/></linearGradient><linearGradient id="ioqhRNg" x1="28.986" x2="22.991" y1="20.832" y2="26.771" gradientUnits="userSpaceOnUse"><stop offset=".452" stop-color="#417AFF"/><stop offset=".511" stop-color="#5291FF"/><stop offset=".535" stop-color="#5291FF"/><stop offset=".559" stop-color="#5291FF"/><stop offset=".705" stop-color="#295CF7"/><stop offset=".753" stop-color="#6480F7"/></linearGradient><linearGradient id="il6dJmc" x1="27.381" x2="25.18" y1="14.78" y2="22.462" gradientUnits="userSpaceOnUse"><stop offset=".452" stop-color="#417AFF"/><stop offset=".511" stop-color="#5291FF"/><stop offset=".535" stop-color="#5291FF"/><stop offset=".559" stop-color="#5291FF"/><stop offset=".714" stop-color="#2E50FF"/><stop offset=".753" stop-color="#6480F7"/></linearGradient><linearGradient id="i0r6voe" x1="14.289" x2="20.723" y1="15.341" y2="15.461" gradientUnits="userSpaceOnUse"><stop offset=".195" stop-color="#AD99C3"/><stop offset=".669" stop-color="#AD91C9"/></linearGradient><linearGradient id="i0KXZ6d" x1="6.08" x2="14.433" y1="13.323" y2="20.88" gradientUnits="userSpaceOnUse"><stop offset=".651" stop-color="#9B91A6"/><stop offset=".863" stop-color="#ADA2BB" stop-opacity="0"/></linearGradient></defs></g></svg>Как использовать иконку Broken Chain
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:broken-chain" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:broken-chain" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:broken-chain" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--broken-chain]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:broken-chain"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:broken-chain"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/broken-chain.svg" alt="Иконка Broken Chain" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Broken Chain в других наборах
Вопросы и ответы: Иконка Broken Chain
Можно ли бесплатно использовать иконку Broken Chain в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Broken Chain в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:broken-chain" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Broken Chain на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/broken-chain.svg" alt="Иконка Broken Chain">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.