ICONYZ
日本語
Solar の Square Bottom Up Outline アイコン

Square Bottom Up Outline アイコン

solar:square-bottom-up-outline

Square Bottom Up Outline アイコン(solar:square-bottom-up-outline)は、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
カテゴリ
矢印(アクション)
タグ
squarebottom、bottomup、upoutline、squarebottomupoutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M11.9425 1.25C9.63414 1.24999 7.8251 1.24998 6.41362 1.43975C4.96888 1.63399 3.82886 2.03933 2.93405 2.93414C2.10563 3.76255 1.69614 4.80193 1.48592 6.10063C1.27926 7.37741 1.25412 8.9835 1.25049 10.9986C1.24975 11.4129 1.58493 11.7493 1.99914 11.75C2.41335 11.7507 2.74974 11.4156 2.75049 11.0014C2.75416 8.96143 2.78245 7.47827 2.96665 6.34031C3.1473 5.22427 3.46609 4.52341 3.99471 3.9948C4.56436 3.42514 5.33509 3.09825 6.61349 2.92637C7.91347 2.75159 9.62169 2.75 11.9999 2.75C14.3781 2.75 16.0864 2.75159 17.3863 2.92637C18.6647 3.09825 19.4355 3.42514 20.0051 3.9948C20.5748 4.56445 20.9017 5.33517 21.0735 6.61358C21.2483 7.91356 21.2499 9.62178 21.2499 12C21.2499 14.3782 21.2483 16.0864 21.0735 17.3864C20.9017 18.6648 20.5748 19.4355 20.0051 20.0052C19.4765 20.5338 18.7756 20.8526 17.6596 21.0333C16.5216 21.2175 15.0385 21.2457 12.9986 21.2494C12.5843 21.2502 12.2492 21.5866 12.2499 22.0008C12.2507 22.415 12.587 22.7502 13.0013 22.7494C15.0164 22.7458 16.6225 22.7207 17.8993 22.514C19.198 22.3038 20.2374 21.8943 21.0658 21.0659C21.9606 20.1711 22.3659 19.031 22.5602 17.5863C22.7499 16.1748 22.7499 14.3658 22.7499 12.0574V11.9426C22.7499 9.63423 22.7499 7.82519 22.5602 6.41371C22.3659 4.96897 21.9606 3.82895 21.0658 2.93414C20.171 2.03933 19.0309 1.63399 17.5862 1.43975C16.1747 1.24998 14.3657 1.24999 12.0573 1.25H11.9425Z"/><path d="M5 12.25C4.58579 12.25 4.25 12.5858 4.25 13C4.25 13.4142 4.58579 13.75 5 13.75H9.18934L2.46967 20.4697C2.17678 20.7626 2.17678 21.2374 2.46967 21.5303C2.76256 21.8232 3.23744 21.8232 3.53033 21.5303L10.25 14.8107V19C10.25 19.4142 10.5858 19.75 11 19.75C11.4142 19.75 11.75 19.4142 11.75 19V13C11.75 12.5858 11.4142 12.25 11 12.25H5Z"/></g></svg>

Square Bottom Up Outline アイコンの使い方

React

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

<Icon icon="solar:square-bottom-up-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:square-bottom-up-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:square-bottom-up-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--square-bottom-up-outline]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:square-bottom-up-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/square-bottom-up-outline.svg" alt="Square Bottom Up Outline アイコン" width="24" height="24">

Solar の関連アイコン

Square Bottom Up Outline アイコン のよくある質問

Square Bottom Up Outline アイコンは商用利用でも無料ですか?

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

React で Square Bottom Up Outline アイコンを使うには?

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

Square Bottom Up Outline アイコンをウェブページに追加するには?

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

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