Panels Bottom Right Outline アイコン
solar:panels-bottom-right-outline
Panels Bottom Right Outline アイコン(solar:panels-bottom-right-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
- タグ
- panelsbottom、bottomright、rightoutline、panelsbottomrightoutline、panel
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 1.25C13.1029 1.25 14.0924 1.2508 14.9795 1.27051C14.9863 1.27033 14.9931 1.27051 15 1.27051C15.0144 1.27051 15.0287 1.27068 15.043 1.27149C16.008 1.29411 16.8509 1.34065 17.5859 1.43945C19.0307 1.63369 20.1706 2.03976 21.0654 2.93457C21.9602 3.82938 22.3663 4.96933 22.5605 6.41406C22.7518 7.83717 22.75 9.66439 22.75 12C22.75 12.8552 22.7454 13.6422 22.7363 14.3662C22.7442 14.4097 22.75 14.4542 22.75 14.5C22.75 14.553 22.7429 14.6044 22.7324 14.6543C22.7137 15.7835 22.6724 16.7539 22.5605 17.5859C22.3663 19.0307 21.9602 20.1706 21.0654 21.0654C20.1706 21.9602 19.0307 22.3663 17.5859 22.5605C16.1628 22.7518 14.3356 22.75 12 22.75C9.66439 22.75 7.83717 22.7518 6.41406 22.5605C4.96933 22.3663 3.82938 21.9602 2.93457 21.0654C2.03976 20.1706 1.63369 19.0307 1.43945 17.5859C1.32761 16.7538 1.28537 15.7835 1.2666 14.6543C1.25617 14.6045 1.25 14.5529 1.25 14.5C1.25 14.4543 1.25486 14.4097 1.2627 14.3662C1.25362 13.6422 1.25 12.8552 1.25 12C1.25 9.6644 1.24817 7.83717 1.43945 6.41406C1.63369 4.96933 2.03976 3.82938 2.93457 2.93457C3.82938 2.03976 4.96933 1.63369 6.41406 1.43945C7.83717 1.24817 9.6644 1.25 12 1.25ZM2.77734 15.25C2.80084 16.0711 2.84442 16.7743 2.92676 17.3867C3.09865 18.6649 3.42551 19.4353 3.99512 20.0049C4.56472 20.5745 5.33508 20.9014 6.61328 21.0732C7.91326 21.248 9.62178 21.25 12 21.25C14.3782 21.25 16.0867 21.248 17.3867 21.0732C18.6649 20.9014 19.4353 20.5745 20.0049 20.0049C20.5745 19.4353 20.9014 18.6649 21.0732 17.3867C21.1556 16.7743 21.1992 16.0711 21.2227 15.25H2.77734ZM15.75 13.75H21.2461C21.2495 13.2102 21.25 12.6285 21.25 12C21.25 9.62178 21.248 7.91326 21.0732 6.61328C20.9014 5.33508 20.5745 4.56472 20.0049 3.99512C19.4353 3.42551 18.6649 3.09865 17.3867 2.92676C16.9024 2.86164 16.3613 2.81993 15.75 2.79395V13.75ZM12 2.75C9.62178 2.75 7.91326 2.75198 6.61328 2.92676C5.33508 3.09865 4.56472 3.42551 3.99512 3.99512C3.42551 4.56472 3.09865 5.33508 2.92676 6.61328C2.75198 7.91326 2.75 9.62178 2.75 12C2.75 12.6285 2.75048 13.2102 2.75391 13.75H14.25V2.76074C13.5737 2.75307 12.8274 2.75 12 2.75Z" clip-rule="evenodd"/></svg>Panels Bottom Right Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:panels-bottom-right-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:panels-bottom-right-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:panels-bottom-right-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--panels-bottom-right-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:panels-bottom-right-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:panels-bottom-right-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/panels-bottom-right-outline.svg" alt="Panels Bottom Right Outline アイコン" width="24" height="24">Solar の関連アイコン
panels-bottom-left-bold
panels-bottom-left-bold-duotone
panels-bottom-left-broken
panels-bottom-left-line-duotone
panels-bottom-left-linear
panels-bottom-left-outline
panels-bottom-right-bold
panels-bottom-right-bold-duotone
panels-bottom-right-broken
panels-bottom-right-line-duotone
panels-bottom-right-linear
panels-top-left-bold
panels-top-left-bold-duotone
panels-top-left-broken
panels-top-left-line-duotone
panels-top-left-linear
panels-top-left-outline
panels-top-right-bold
panels-top-right-bold-duotone
panels-top-right-broken
panels-top-right-line-duotone
panels-top-right-linear
panels-top-right-outline
Panels Bottom Right Outline アイコン のよくある質問
Panels Bottom Right Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Panels Bottom Right Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:panels-bottom-right-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Panels Bottom Right Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/panels-bottom-right-outline.svg" alt="Panels Bottom Right Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。