Broken Chain icon
noto:broken-chain
The Broken Chain icon (noto:broken-chain) is a free SVG icon from the Noto Emoji set by Google Inc. It is drawn on a 128 × 128 grid. Noto Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Noto Emoji
- Author
- Google Inc
- License
- Apache-2.0
- Size
- 128 × 128
- Category
- Objects
- Tags
- brokenchain
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGzE6nceRe" fill="#84B0C1" d="m46.5 116.7l10.2-10.2c9.2-9.5 8.8-25-1.1-34.5s-25.3-9.6-34.5-.1L10.9 82c-9.2 9.5-8.8 25 1.1 34.5s25.2 9.7 34.5.2m-26-25.3l10.2-10.2c4.2-4.4 11.3-4.3 15.8 0c4.5 4.4 4.7 11.5.5 15.8l-10.2 10.2c-4.2 4.4-11.3 4.3-15.8 0s-4.7-11.4-.5-15.8"/></defs><path fill="#84B0C1" d="M81.5 11.3L71.3 21.6c-9.2 9.5-8.8 25 1.1 34.5s25.3 9.6 34.5.1L117.1 46c9.2-9.5 8.8-25-1.1-34.5s-25.2-9.7-34.5-.2m26 25.3L97.3 46.8c-4.2 4.4-11.3 4.3-15.8 0c-4.6-4.4-4.8-11.5-.5-15.8l10.2-10.2c4.2-4.4 11.3-4.3 15.8 0s4.7 11.4.5 15.8"/><path fill="#2F7889" d="M88.3 56c-.4-3.7 3.7-6.1 5.5-6.8c-4 1.7-9 .9-12.4-2.4c-2.6-2.6-3.8-6.1-3.4-9.4c0 0-2.7 5.5-6.8 7.2c-3.7 1.6-5.6.3-5.6.3c1.2 4.1 3.4 8 6.7 11.2c6.4 6.2 15.2 8.4 23.1 6.5c-2.6.1-6.6-1.9-7.1-6.6"/><path fill="#84B0C1" d="m78.5 40l-13 13l4.6 14.4L88 49.5c2.5-2.5 3.1-6.4 0-9.5s-7-2.5-9.5 0"/><path fill="#A8E3F0" d="M69.8 59.5c1.2 4 1.2 7 .2 7.9c-.8.7-2.9-2.9-4.1-6.9s-1.3-6.7-.5-7.5c1-.8 3.2 2.5 4.4 6.5M69 41.2c1.8-.2 1.7-3.3 1.7-3.8c.3-3.4 1.5-6.7 3.8-9.2c1.6-1.8 1.2-3.1.6-3.8c-.8-.9-2.2-1-4 1.1c-3 3.4-4.4 8-4.3 12.6c0 .9.4 3.3 2.2 3.1"/><use href="#SVGzE6nceRe"/><use href="#SVGzE6nceRe"/><path fill="#2F7889" d="M43.2 72.4c-1.8 3.9-5.8 5.5-6 5.6c3.3-.4 6.7.7 9.3 3.2c3.4 3.3 4.3 8 2.8 12.1c.9-1.9 3.2-5.2 6.5-4.9c4.8.5 6.8 4.7 6.7 7.3c2-8.2-.3-17.4-7-23.8c-3.1-3.1-6.9-5.1-10.8-6.2c.2.2.5 2.7-1.5 6.7"/><g fill="#84B0C1"><path d="m49.5 88l13-13l-4.6-14.4L40 78.5c-2.5 2.5-3.1 6.4 0 9.5s7 2.5 9.5 0"/><path d="M58.2 68.5c-1.2-4-1.2-7-.2-7.9c.8-.7 2.9 2.9 4.1 6.9s1.3 6.7.5 7.5c-1 .8-3.2-2.5-4.4-6.5"/></g><path fill="#A8E3F0" d="M15.6 113.3c.6-.5.6-2-.8-3.5c-5.8-5.9-5.5-15.7-.5-21.3c1.6-1.8 1.2-3.1.6-3.8c-.8-.9-2.2-1-4 1.1c-6.2 7.2-5.7 19.3 1.4 26.6c1 1.2 2.5 1.6 3.3.9m39.8-41.8c-1.4 1.2-3.3 2.8-4.8 4c-1.3 1.1-2.4 1-3.1.3c-.9-1-.4-2.1.5-3l5.8-5.6c1-1 2.3-.6 2.8.8c.5 1 .2 2.3-1.2 3.5"/><path fill="none" stroke="#BDBDBD" stroke-linecap="round" stroke-miterlimit="10" stroke-width="4" d="m24.1 53.4l18.3 2.9M30.1 30.7l18.1 17.6m5.6-23.8l2.4 19.3M103 73.7l-18.3-2.9M97 96.4L78.9 78.8m-5.6 23.8l-2.4-19.3"/></svg>How to use the Broken Chain icon
React
import { Icon } from "@iconify/react";
<Icon icon="noto:broken-chain" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:broken-chain" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:broken-chain" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--broken-chain]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:broken-chain"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:broken-chain"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/noto/broken-chain.svg" alt="Broken Chain icon" width="24" height="24">Related icons in Noto Emoji
Broken Chain icon in other icon sets
Broken Chain icon FAQ
Is the Broken Chain icon free for commercial use?
Yes. Noto Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Broken Chain icon in React?
Install @iconify/react and render <Icon icon="noto:broken-chain" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Broken Chain icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/noto/broken-chain.svg" alt="Broken Chain icon">, or paste the SVG code inline to style it with CSS.