Broken Chain アイコン
fluent-emoji-flat:broken-chain
Broken Chain アイコン(fluent-emoji-flat:broken-chain)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- 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="#9b9b9b" 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 0zm9.291-19.71a5.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="#417aff" 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.219m-5.09 1.219a.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 0c.39-.392.39-1.028 0-1.42zm-1.432 5.774a1.006 1.006 0 0 0-.55 1.933l3.5 1.005a1.006 1.006 0 0 0 .55-1.933zM21.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.219m5.09-1.219a.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.42zm1.432-5.774a1.006 1.006 0 0 0 .55-1.933l-3.5-1.005a1.006 1.006 0 0 0-.55 1.933z"/><path fill="#bebebe" 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="17.128" cy="15.082" fill="#d9d9d9" rx="1.591" ry="1.203" transform="rotate(45.156 17.128 15.082)"/><path fill="#bebebe" 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"/></g></svg>Broken Chain アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:broken-chain" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:broken-chain" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:broken-chain" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--broken-chain]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:broken-chain"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:broken-chain"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/broken-chain.svg" alt="Broken Chain アイコン" width="24" height="24">Fluent Emoji Flat の関連アイコン
他のアイコンセットの Broken Chain アイコン
Broken Chain アイコン のよくある質問
Broken Chain アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Broken Chain アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:broken-chain" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Broken Chain アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/broken-chain.svg" alt="Broken Chain アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。