Suspension Broken アイコン

Q: Suspension Broken アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:suspension-broken

Suspension Broken アイコン(solar:suspension-broken)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: パーツ
タグ: suspensionbroken

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M21 6.5V4.5C21 4.03534 21 3.80302 20.9616 3.60982C20.8038 2.81644 20.1836 2.19624 19.3902 2.03843C19.197 2 18.9647 2 18.5 2C18.0353 2 17.803 2 17.6098 2.03843C16.8164 2.19624 16.1962 2.81644 16.0384 3.60982C16 3.80302 16 4.03534 16 4.5V6.5C16 6.96466 16 7.19698 16.0384 7.39018C16.1962 8.18356 16.8164 8.80376 17.6098 8.96157C17.803 9 18.0353 9 18.5 9C18.9647 9 19.197 9 19.3902 8.96157C20.1836 8.80376 20.8038 8.18356 20.9616 7.39018C21 7.19698 21 6.96466 21 6.5Z"/><path d="M8 19.5V17.5C8 17.0353 8 16.803 7.96157 16.6098C7.80376 15.8164 7.18356 15.1962 6.39018 15.0384C6.19698 15 5.96466 15 5.5 15C5.03534 15 4.80302 15 4.60982 15.0384C3.81644 15.1962 3.19624 15.8164 3.03843 16.6098C3 16.803 3 17.0353 3 17.5V19.5C3 19.9647 3 20.197 3.03843 20.3902C3.19624 21.1836 3.81644 21.8038 4.60982 21.9616C4.80302 22 5.03534 22 5.5 22C5.96466 22 6.19698 22 6.39018 21.9616C7.18356 21.8038 7.80376 21.1836 7.96157 20.3902C8 20.197 8 19.9647 8 19.5Z"/><path d="M16 18.5H8"/><path d="M16 5.5H8"/><path d="M12 18.5V15.25V14M12 5.5V8.75V10"/><path d="M3 4.5C3 4.03534 3 3.80302 3.03843 3.60982C3.19624 2.81644 3.81644 2.19624 4.60982 2.03843C4.80302 2 5.03534 2 5.5 2C5.96466 2 6.19698 2 6.39018 2.03843C7.18356 2.19624 7.80376 2.81644 7.96157 3.60982C8 3.80302 8 4.03534 8 4.5V6.5C8 6.96466 8 7.19698 7.96157 7.39018C7.80376 8.18356 7.18356 8.80376 6.39018 8.96157C6.19698 9 5.96466 9 5.5 9C5.03534 9 4.80302 9 4.60982 8.96157C3.81644 8.80376 3.19624 8.18356 3.03843 7.39018"/><path d="M21 19.5C21 19.9647 21 20.197 20.9616 20.3902C20.8038 21.1836 20.1836 21.8038 19.3902 21.9616C19.197 22 18.9647 22 18.5 22C18.0353 22 17.803 22 17.6098 21.9616C16.8164 21.8038 16.1962 21.1836 16.0384 20.3902C16 20.197 16 19.9647 16 19.5V17.5C16 17.0353 16 16.803 16.0384 16.6098C16.1962 15.8164 16.8164 15.1962 17.6098 15.0384C17.803 15 18.0353 15 18.5 15C18.9647 15 19.197 15 19.3902 15.0384C20.1836 15.1962 20.8038 15.8164 20.9616 16.6098"/></g></svg>

Suspension Broken アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="solar:suspension-broken" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:suspension-broken" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:suspension-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--suspension-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:suspension-broken"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:suspension-broken"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/suspension-broken.svg" alt="Suspension Broken アイコン" width="24" height="24">

Solar の関連アイコン

Suspension Broken アイコンのよくある質問

Suspension Broken アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Suspension Broken アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:suspension-broken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Suspension Broken アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/suspension-broken.svg" alt="Suspension Broken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →