Align Bottom Broken アイコン

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

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

solar:align-bottom-broken

Align Bottom Broken アイコン(solar:align-bottom-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
カテゴリ: ツール
タグ: alignbottom、bottombroken、alignbottombroken

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-width="1.5"><path stroke-linecap="round" d="M10 21L22 21M2 21L6 21"/><path stroke-linecap="round" d="M5 9L5 14.5C5 15.4346 5 15.9019 5.20096 16.25C5.33261 16.478 5.52197 16.6674 5.75 16.799C6.09808 17 6.56538 17 7.5 17C8.43462 17 8.90192 17 9.25 16.799C9.47803 16.6674 9.66739 16.478 9.79904 16.25C10 15.9019 10 15.4346 10 14.5L10 5.5C10 4.56538 10 4.09808 9.79904 3.75C9.66739 3.52197 9.47803 3.33261 9.25 3.20096C8.90192 3 8.43462 3 7.5 3C6.56538 3 6.09808 3 5.75 3.20096C5.52197 3.33261 5.33261 3.52197 5.20096 3.75C5.03954 4.0296 5.00778 4.38613 5.00153 5"/><path d="M16.5 17C15.5654 17 15.0981 17 14.75 16.799C14.522 16.6674 14.3326 16.478 14.201 16.25C14 15.9019 14 15.4346 14 14.5L14 8.5C14 7.56538 14 7.09808 14.201 6.75C14.3326 6.52197 14.522 6.33261 14.75 6.20096C15.0981 6 15.5654 6 16.5 6C17.4346 6 17.9019 6 18.25 6.20096C18.478 6.33261 18.6674 6.52197 18.799 6.75C19 7.09808 19 7.56538 19 8.5L19 14.5C19 15.4346 19 15.9019 18.799 16.25C18.6674 16.478 18.478 16.6674 18.25 16.799C17.9019 17 17.4346 17 16.5 17Z"/></g></svg>

Align Bottom Broken アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:align-bottom-broken"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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