Panels Top Right Bold Duotone icon
solar:panels-top-right-bold-duotone
The Panels Top Right Bold Duotone icon (solar:panels-top-right-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- IT
- Tags
- panelstop, topright, rightbold, boldduotone, panelstoprightboldduotone, panel
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M21.9736 9.5V8.75C21.8993 6.11064 21.6154 4.5451 20.5351 3.46484C19.0707 2.00041 16.714 2 12 2C7.28597 2 4.92928 2.00038 3.46482 3.46484C2.38459 4.5451 2.1007 6.11066 2.02635 8.75L1.99998 9.5H15V22L15.75 21.9561C18.0903 21.8589 19.5249 21.5454 20.5351 20.5352C21.9996 19.0707 22 16.714 22 12C22 11.3766 22.0004 10.7944 21.997 10.25L21.9736 9.5Z" opacity=".5"/><path d="M15 9.5V22L15.75 21.9561C18.0903 21.8589 19.5249 21.5454 20.5351 20.5352C21.9996 19.0707 22 16.714 22 12C22 11.3766 22.0004 10.7944 21.997 10.25L21.9736 9.5H15Z" opacity=".5"/><path d="M2.00293 10.25C1.99954 10.7944 2 11.3766 2 12C2 16.714 2.00038 19.0707 3.46484 20.5352C4.92931 21.9996 7.28596 22 12 22C12.8185 22 14.3159 21.9999 15 21.9922V9.5H2L2.00293 10.25Z"/></g></svg>How to use the Panels Top Right Bold Duotone icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:panels-top-right-bold-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:panels-top-right-bold-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:panels-top-right-bold-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--panels-top-right-bold-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:panels-top-right-bold-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:panels-top-right-bold-duotone"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/panels-top-right-bold-duotone.svg" alt="Panels Top Right Bold Duotone icon" width="24" height="24">Related icons in Solar
Panels Top Right Bold Duotone icon FAQ
Is the Panels Top Right Bold Duotone icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Panels Top Right Bold Duotone icon in React?
Install @iconify/react and render <Icon icon="solar:panels-top-right-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Panels Top Right Bold Duotone icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/panels-top-right-bold-duotone.svg" alt="Panels Top Right Bold Duotone icon">, or paste the SVG code inline to style it with CSS.