panel top open icon

panel-top-open-bold-duotone from Solar by 480 Design · Bold Duotone · IT · CC-BY-4.0 Attribution required.

Name
panel-top-open-bold-duotone
Set
Solar
Style
Bold Duotone
Category
IT
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

panel-top-open-boldpanel-top-open-brokenpanel-top-open-line-duotonepanel-top-open-linearpanel-top-open-outline

The same icon in other sets

panel-top-openHuge Iconspanel-top-openLucidepanel-top-openMyna UI Icons

More it icons from Solar

braces-boldbrackets-boldbug-boldbug-minimalistic-boldcode-2-boldcode-boldcode-circle-boldcode-square-boldcommand-boldgit-branch-boldgit-commit-boldgit-diff-boldgit-fork-boldgit-graph-boldgit-pull-request-boldhashtag-boldhashtag-chat-boldhashtag-circle-boldhashtag-square-boldpanel-top-boldpanel-top-close-boldpanels-top-left-boldparentheses-boldprogramming-bold

Use the panel top open icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5117 13.8952C14.8261 13.6257 15.2997 13.6619 15.5693 13.9763C15.8388 14.2907 15.8026 14.7643 15.4882 15.0339L12.4882 17.6052C12.2074 17.8459 11.7926 17.8459 11.5117 17.6052L8.51168 15.0339C8.19734 14.7643 8.16111 14.2907 8.43063 13.9763C8.70022 13.6619 9.1738 13.6257 9.48825 13.8952L12 16.0476L14.5117 13.8952Z"/><path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" opacity=".5"/><path d="M20.5354 3.46447C21.7143 4.64332 21.9442 6.40054 21.989 9.5H2.01074C2.05558 6.40054 2.28549 4.64332 3.46435 3.46447C4.92881 2 7.28583 2 11.9999 2C16.7139 2 19.0709 2 20.5354 3.46447Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarPanelTopOpenBoldDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5117 13.8952C14.8261 13.6257 15.2997 13.6619 15.5693 13.9763C15.8388 14.2907 15.8026 14.7643 15.4882 15.0339L12.4882 17.6052C12.2074 17.8459 11.7926 17.8459 11.5117 17.6052L8.51168 15.0339C8.19734 14.7643 8.16111 14.2907 8.43063 13.9763C8.70022 13.6619 9.1738 13.6257 9.48825 13.8952L12 16.0476L14.5117 13.8952Z"/><path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" opacity=".5"/><path d="M20.5354 3.46447C21.7143 4.64332 21.9442 6.40054 21.989 9.5H2.01074C2.05558 6.40054 2.28549 4.64332 3.46435 3.46447C4.92881 2 7.28583 2 11.9999 2C16.7139 2 19.0709 2 20.5354 3.46447Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.5117 13.8952C14.8261 13.6257 15.2997 13.6619 15.5693 13.9763C15.8388 14.2907 15.8026 14.7643 15.4882 15.0339L12.4882 17.6052C12.2074 17.8459 11.7926 17.8459 11.5117 17.6052L8.51168 15.0339C8.19734 14.7643 8.16111 14.2907 8.43063 13.9763C8.70022 13.6619 9.1738 13.6257 9.48825 13.8952L12 16.0476L14.5117 13.8952Z"/><path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" opacity=".5"/><path d="M20.5354 3.46447C21.7143 4.64332 21.9442 6.40054 21.989 9.5H2.01074C2.05558 6.40054 2.28549 4.64332 3.46435 3.46447C4.92881 2 7.28583 2 11.9999 2C16.7139 2 19.0709 2 20.5354 3.46447Z"/></g></svg>
</template>

CSS

.icon-panel-top-open-bold-duotone {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.5117%2013.8952C14.8261%2013.6257%2015.2997%2013.6619%2015.5693%2013.9763C15.8388%2014.2907%2015.8026%2014.7643%2015.4882%2015.0339L12.4882%2017.6052C12.2074%2017.8459%2011.7926%2017.8459%2011.5117%2017.6052L8.51168%2015.0339C8.19734%2014.7643%208.16111%2014.2907%208.43063%2013.9763C8.70022%2013.6619%209.1738%2013.6257%209.48825%2013.8952L12%2016.0476L14.5117%2013.8952Z%22%2F%3E%3Cpath%20d%3D%22M2%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.714%202%2019.0711%202%2020.5355%203.46447C22%204.92893%2022%207.28595%2022%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M20.5354%203.46447C21.7143%204.64332%2021.9442%206.40054%2021.989%209.5H2.01074C2.05558%206.40054%202.28549%204.64332%203.46435%203.46447C4.92881%202%207.28583%202%2011.9999%202C16.7139%202%2019.0709%202%2020.5354%203.46447Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M14.5117%2013.8952C14.8261%2013.6257%2015.2997%2013.6619%2015.5693%2013.9763C15.8388%2014.2907%2015.8026%2014.7643%2015.4882%2015.0339L12.4882%2017.6052C12.2074%2017.8459%2011.7926%2017.8459%2011.5117%2017.6052L8.51168%2015.0339C8.19734%2014.7643%208.16111%2014.2907%208.43063%2013.9763C8.70022%2013.6619%209.1738%2013.6257%209.48825%2013.8952L12%2016.0476L14.5117%2013.8952Z%22%2F%3E%3Cpath%20d%3D%22M2%2012C2%207.28595%202%204.92893%203.46447%203.46447C4.92893%202%207.28595%202%2012%202C16.714%202%2019.0711%202%2020.5355%203.46447C22%204.92893%2022%207.28595%2022%2012C22%2016.714%2022%2019.0711%2020.5355%2020.5355C19.0711%2022%2016.714%2022%2012%2022C7.28595%2022%204.92893%2022%203.46447%2020.5355C2%2019.0711%202%2016.714%202%2012Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M20.5354%203.46447C21.7143%204.64332%2021.9442%206.40054%2021.989%209.5H2.01074C2.05558%206.40054%202.28549%204.64332%203.46435%203.46447C4.92881%202%207.28583%202%2011.9999%202C16.7139%202%2019.0709%202%2020.5354%203.46447Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/panel-top-open-bold-duotone.svg?color=%231a73e8&size=48