Broken Chain アイコン
openmoji:broken-chain
Broken Chain アイコン(openmoji:broken-chain)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 物
- タグ
- brokenchain
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><rect width="50" height="18" x="11" y="29.632" fill="#fff" stroke="#fff" rx="9" ry="9" transform="rotate(-45 36 38.632)"/><path fill="#9b9b9a" stroke="#9b9b9a" d="M18.322 56.31a9 9 0 0 1 0-12.729l11.314-11.313a9 9 0 0 1 12.728 0l-3.536 3.535a4 4 0 0 0-5.656 0L21.858 47.117a4 4 0 0 0 0 5.657z"/><path fill="#d0cfce" stroke="#d0cfce" d="m40.95 20.954l3.535 3.536a4 4 0 0 1 5.657 5.657L38.828 41.46a4 4 0 0 1-5.657-5.657l7.072-7.07l-3.536-3.536l-7.071 7.07a9 9 0 0 0 12.728 12.729l11.314-11.314A9 9 0 0 0 40.95 20.954"/><path fill="#9b9b9a" stroke="#9b9b9a" d="M21.858 52.774a4 4 0 0 0 5.657 0L38.828 41.46a4 4 0 0 0 0-5.657l3.536-3.535a9 9 0 0 1 0 12.728L31.05 56.31a9 9 0 0 1-12.728 0z"/><circle cx="37" cy="21" r="2" fill="#fff" stroke="#fff"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-width="2"><path stroke-miterlimit="10" d="M42.364 32.268h0a9 9 0 0 1 0 12.728L31.05 56.309a9 9 0 0 1-12.728 0h0"/><path stroke-miterlimit="10" d="M18.322 56.31a9 9 0 0 1 0-12.729l4.69-4.689m1.411 5.66l-2.565 2.565a4 4 0 0 0 0 5.657m0 0h0a4 4 0 0 0 5.657 0L38.828 41.46a4 4 0 0 0 0-5.657h0m2.122-14.849a9 9 0 0 1 12.728 0h0"/><path stroke-miterlimit="10" d="M29.636 44.996h0a9 9 0 0 1 0-12.728l7.071-7.071m16.971-4.243a9 9 0 0 1 0 12.728l-4.69 4.69m-1.411-5.66l2.565-2.566a4 4 0 0 0 0-5.656"/><path stroke-miterlimit="10" d="m40.243 28.732l-7.071 7.071a4 4 0 0 0 0 5.657h0m16.97-16.97h0a4 4 0 0 0-5.657 0"/><path stroke-linejoin="round" d="m33.879 18.126l-4.243-4.243m8.485 2.828v-5.656M26.808 22.368h5.657"/></g></svg>Broken Chain アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:broken-chain" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:broken-chain" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:broken-chain" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--broken-chain]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:broken-chain"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:broken-chain"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/broken-chain.svg" alt="Broken Chain アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの Broken Chain アイコン
Broken Chain アイコン のよくある質問
Broken Chain アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Broken Chain アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:broken-chain" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Broken Chain アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/broken-chain.svg" alt="Broken Chain アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。