Connection Fail アイコン
ix:connection-fail
Connection Fail アイコン(ix:connection-fail)は、Siemens Industrial Experience Icons セットの無料 SVG アイコンです（作者: Siemens AG）。 512 × 512 のグリッドで描かれています。 Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Siemens Industrial Experience Icons
- 作者
- Siemens AG
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- connectionfail
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M405.333 74.668v-32h-64l-4.391.111c-37.814 1.917-69.135 28.45-78.255 63.894l-27.681-.005l-4.226.14a64 64 0 0 0-41.028 18.605c-23.994 23.994-24.954 62.299-2.88 87.438l2.88 3.072l87.92 87.921a107.3 107.3 0 0 1 30.17-30.17l-87.92-87.921l-1.775-2.01c-6.507-8.369-5.916-20.47 1.775-28.16a21.33 21.33 0 0 1 12.28-6.063l2.804-.185l27.687.016c9.138 35.475 40.515 62.018 78.381 63.879l4.259.105h64v-32h48l2.171-.146c7.1-.964 12.72-6.584 13.683-13.683l.146-2.171l-.146-2.171c-.963-7.1-6.583-12.72-13.683-13.683l-2.171-.146h-48v-42.667h48l2.171-.146c7.1-.963 12.72-6.583 13.683-13.683l.146-2.171l-.146-2.171c-.963-7.1-6.583-12.72-13.683-13.683l-2.171-.146zm-152.02 288.005H256c.001 15.172 3.169 29.604 8.88 42.671l-11.573.007c-9.138 35.475-40.515 62.018-78.381 63.879l-4.259.105h-64v-32h-48c-8.1 0-14.795-6.02-15.854-13.829l-.146-2.171c0-8.101 6.019-14.795 13.829-15.854l2.17-.146h48.001v-42.667h-48c-8.1 0-14.795-6.019-15.854-13.829l-.146-2.171c0-8.1 6.019-14.795 13.829-15.854l2.17-.146h48.001v-32h64c39.763 0 73.175 27.198 82.646 64.005m-103.98-21.338h21.334l3.342.129c20.952 1.623 37.66 18.38 39.207 39.353l.117 3.184l-.129 3.342c-1.623 20.952-18.38 37.661-39.353 39.208l-3.184.117h-21.334zm192-256h21.334v85.333h-21.334l-3.184-.117l-3.455-.396c-19.333-3.021-34.365-19.024-35.898-38.812l-.129-3.342l.117-3.184l.396-3.455c3.021-19.333 19.024-34.365 38.811-35.898zm32 192c-53.019 0-96 42.98-96 96c0 53.019 42.981 96 96 96c53.02 0 96-42.981 96-96c0-53.02-42.98-96-96-96m-18.855 96.001l-38.572-38.572l18.856-18.856l38.572 38.571l38.572-38.571l18.856 18.856l-38.571 38.572l38.571 38.572l-18.856 18.856l-38.572-38.572l-38.572 38.572l-18.856-18.856z" clip-rule="evenodd"/></svg>Connection Fail アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:connection-fail" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:connection-fail" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:connection-fail" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--connection-fail]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:connection-fail"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:connection-fail"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/connection-fail.svg" alt="Connection Fail アイコン" width="24" height="24">Siemens Industrial Experience Icons の関連アイコン
Connection Fail アイコン のよくある質問
Connection Fail アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Connection Fail アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:connection-fail" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Connection Fail アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/connection-fail.svg" alt="Connection Fail アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。