Panel Bottom Close Outline アイコン

Q: Panel Bottom Close Outline アイコンは商用利用でも無料ですか?

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

solar:panel-bottom-close-outline

Panel Bottom Close Outline アイコン(solar:panel-bottom-close-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
カテゴリ: IT
タグ: panelbottom、bottomclose、closeoutline、panelbottomcloseoutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5117 6.39453C14.8261 6.12516 15.2998 6.16141 15.5693 6.47559C15.8388 6.78999 15.8025 7.2636 15.4883 7.5332L12.4883 10.1045C12.2074 10.3452 11.7926 10.3452 11.5117 10.1045L8.51172 7.5332C8.19748 7.2636 8.16118 6.78999 8.43066 6.47559C8.70024 6.16141 9.17389 6.12516 9.48828 6.39453L12 8.54688L14.5117 6.39453Z"/><path fill-rule="evenodd" d="M13 1.25C14.8644 1.25 16.3384 1.24859 17.4893 1.40332C18.6616 1.56096 19.6101 1.89329 20.3584 2.6416C21.1067 3.38991 21.439 4.33844 21.5967 5.51074C21.7514 6.66159 21.75 8.13558 21.75 10V14C21.75 14.3365 21.7489 14.6602 21.748 14.9717C21.7484 14.9811 21.75 14.9905 21.75 15C21.75 15.0098 21.7484 15.0196 21.748 15.0293C21.7438 16.4175 21.7218 17.5589 21.5967 18.4893C21.439 19.6616 21.1067 20.6101 20.3584 21.3584C19.6101 22.1067 18.6616 22.439 17.4893 22.5967C16.3384 22.7514 14.8644 22.75 13 22.75H11C9.13558 22.75 7.66159 22.7514 6.51074 22.5967C5.33844 22.439 4.38991 22.1067 3.6416 21.3584C2.89329 20.6101 2.56096 19.6616 2.40332 18.4893C2.27824 17.5589 2.25522 16.4175 2.25098 15.0293C2.2506 15.0196 2.25 15.0098 2.25 15C2.25 14.9905 2.25063 14.9811 2.25098 14.9717C2.25014 14.6602 2.25 14.3365 2.25 14V10C2.25 8.13558 2.24859 6.66159 2.40332 5.51074C2.56096 4.33844 2.89329 3.38991 3.6416 2.6416C4.38991 1.89329 5.33844 1.56096 6.51074 1.40332C7.66159 1.24859 9.13558 1.25 11 1.25H13ZM3.75781 15.75C3.76868 16.7836 3.79811 17.6081 3.88965 18.2891C4.02491 19.2952 4.27894 19.8746 4.70215 20.2979C5.12536 20.7211 5.70485 20.9751 6.71094 21.1104C7.73859 21.2485 9.09324 21.25 11 21.25H13C14.9068 21.25 16.2614 21.2485 17.2891 21.1104C18.2952 20.9751 18.8746 20.7211 19.2979 20.2979C19.7211 19.8746 19.9751 19.2952 20.1104 18.2891C20.2019 17.6081 20.2313 16.7836 20.2422 15.75H3.75781ZM11 2.75C9.09324 2.75 7.73859 2.7515 6.71094 2.88965C5.70485 3.02491 5.12536 3.27894 4.70215 3.70215C4.27894 4.12536 4.02491 4.70485 3.88965 5.71094C3.7515 6.73859 3.75 8.09324 3.75 10V14.25H20.25V10C20.25 8.09324 20.2485 6.73859 20.1104 5.71094C19.9751 4.70485 19.7211 4.12536 19.2979 3.70215C18.8746 3.27894 18.2952 3.02491 17.2891 2.88965C16.2614 2.7515 14.9068 2.75 13 2.75H11Z" clip-rule="evenodd"/></g></svg>

Panel Bottom Close Outline アイコンの使い方

React

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

<Icon icon="solar:panel-bottom-close-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:panel-bottom-close-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:panel-bottom-close-outline" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:panel-bottom-close-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/panel-bottom-close-outline.svg" alt="Panel Bottom Close Outline アイコン" width="24" height="24">

Solar の関連アイコン

Panel Bottom Close Outline アイコンのよくある質問

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

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

React で Panel Bottom Close Outline アイコンを使うには?

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

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

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

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