sidebar open icon

sidebar-open-outline from Solar by 480 Design · Outline · IT · CC-BY-4.0 Attribution required.

Name
sidebar-open-outline
Set
Solar
Style
Outline
Category
IT
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

sidebar-open-boldsidebar-open-bold-duotonesidebar-open-brokensidebar-open-line-duotonesidebar-open-linear

The same icon in other sets

sidebar-opencss.gg

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-boldpanel-top-open-boldpanels-top-left-boldparentheses-bold

Use the sidebar 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="M21.25 11C21.25 9.09324 21.2485 7.73859 21.1104 6.71094C20.9751 5.70485 20.7211 5.12536 20.2979 4.70215C19.8746 4.27894 19.2952 4.02491 18.2891 3.88965C17.2614 3.7515 15.9068 3.75 14 3.75H10C8.09324 3.75 6.73859 3.7515 5.71094 3.88965C4.70485 4.02491 4.12536 4.27894 3.70215 4.70215C3.27894 5.12536 3.02491 5.70485 2.88965 6.71094C2.7515 7.73859 2.75 9.09324 2.75 11V13C2.75 14.9068 2.7515 16.2614 2.88965 17.2891C3.02491 18.2952 3.27894 18.8746 3.70215 19.2979C4.12536 19.7211 4.70485 19.9751 5.71094 20.1104C6.73859 20.2485 8.09324 20.25 10 20.25H14C15.9068 20.25 17.2614 20.2485 18.2891 20.1104C19.2952 19.9751 19.8746 19.7211 20.2979 19.2979C20.7211 18.8746 20.9751 18.2952 21.1104 17.2891C21.2485 16.2614 21.25 14.9068 21.25 13V11ZM22.75 13C22.75 14.8644 22.7514 16.3384 22.5967 17.4893C22.439 18.6616 22.1067 19.6101 21.3584 20.3584C20.6101 21.1067 19.6616 21.439 18.4893 21.5967C17.3384 21.7514 15.8644 21.75 14 21.75H10C8.13558 21.75 6.66159 21.7514 5.51074 21.5967C4.33844 21.439 3.38991 21.1067 2.6416 20.3584C1.89329 19.6101 1.56096 18.6616 1.40332 17.4893C1.24859 16.3384 1.25 14.8644 1.25 13V11C1.25 9.13558 1.24859 7.66159 1.40332 6.51074C1.56096 5.33844 1.89329 4.38991 2.6416 3.6416C3.38991 2.89329 4.33844 2.56096 5.51074 2.40332C6.66159 2.24859 8.13558 2.25 10 2.25H14C15.8644 2.25 17.3384 2.24859 18.4893 2.40332C19.6616 2.56096 20.6101 2.89329 21.3584 3.6416C22.1067 4.38991 22.439 5.33844 22.5967 6.51074C22.7514 7.66159 22.75 9.13558 22.75 11V13Z"/><path d="M14.25 3C14.25 2.58579 14.5858 2.25 15 2.25C15.4142 2.25 15.75 2.58579 15.75 3L15.75 21C15.75 21.4142 15.4142 21.75 15 21.75C14.5858 21.75 14.25 21.4142 14.25 21L14.25 3Z"/><path d="M10.3579 14.5117C10.6275 14.8261 10.5912 15.2997 10.2769 15.5693C9.96245 15.8388 9.48886 15.8026 9.21927 15.4882L6.64799 12.4882C6.40724 12.2074 6.40724 11.7925 6.64799 11.5117L9.21927 8.51168C9.48886 8.19734 9.96245 8.16111 10.2769 8.43063C10.5912 8.70022 10.6275 9.1738 10.3579 9.48825L8.2056 12L10.3579 14.5117Z"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarSidebarOpenOutline(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="M21.25 11C21.25 9.09324 21.2485 7.73859 21.1104 6.71094C20.9751 5.70485 20.7211 5.12536 20.2979 4.70215C19.8746 4.27894 19.2952 4.02491 18.2891 3.88965C17.2614 3.7515 15.9068 3.75 14 3.75H10C8.09324 3.75 6.73859 3.7515 5.71094 3.88965C4.70485 4.02491 4.12536 4.27894 3.70215 4.70215C3.27894 5.12536 3.02491 5.70485 2.88965 6.71094C2.7515 7.73859 2.75 9.09324 2.75 11V13C2.75 14.9068 2.7515 16.2614 2.88965 17.2891C3.02491 18.2952 3.27894 18.8746 3.70215 19.2979C4.12536 19.7211 4.70485 19.9751 5.71094 20.1104C6.73859 20.2485 8.09324 20.25 10 20.25H14C15.9068 20.25 17.2614 20.2485 18.2891 20.1104C19.2952 19.9751 19.8746 19.7211 20.2979 19.2979C20.7211 18.8746 20.9751 18.2952 21.1104 17.2891C21.2485 16.2614 21.25 14.9068 21.25 13V11ZM22.75 13C22.75 14.8644 22.7514 16.3384 22.5967 17.4893C22.439 18.6616 22.1067 19.6101 21.3584 20.3584C20.6101 21.1067 19.6616 21.439 18.4893 21.5967C17.3384 21.7514 15.8644 21.75 14 21.75H10C8.13558 21.75 6.66159 21.7514 5.51074 21.5967C4.33844 21.439 3.38991 21.1067 2.6416 20.3584C1.89329 19.6101 1.56096 18.6616 1.40332 17.4893C1.24859 16.3384 1.25 14.8644 1.25 13V11C1.25 9.13558 1.24859 7.66159 1.40332 6.51074C1.56096 5.33844 1.89329 4.38991 2.6416 3.6416C3.38991 2.89329 4.33844 2.56096 5.51074 2.40332C6.66159 2.24859 8.13558 2.25 10 2.25H14C15.8644 2.25 17.3384 2.24859 18.4893 2.40332C19.6616 2.56096 20.6101 2.89329 21.3584 3.6416C22.1067 4.38991 22.439 5.33844 22.5967 6.51074C22.7514 7.66159 22.75 9.13558 22.75 11V13Z"/><path d="M14.25 3C14.25 2.58579 14.5858 2.25 15 2.25C15.4142 2.25 15.75 2.58579 15.75 3L15.75 21C15.75 21.4142 15.4142 21.75 15 21.75C14.5858 21.75 14.25 21.4142 14.25 21L14.25 3Z"/><path d="M10.3579 14.5117C10.6275 14.8261 10.5912 15.2997 10.2769 15.5693C9.96245 15.8388 9.48886 15.8026 9.21927 15.4882L6.64799 12.4882C6.40724 12.2074 6.40724 11.7925 6.64799 11.5117L9.21927 8.51168C9.48886 8.19734 9.96245 8.16111 10.2769 8.43063C10.5912 8.70022 10.6275 9.1738 10.3579 9.48825L8.2056 12L10.3579 14.5117Z"/></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="M21.25 11C21.25 9.09324 21.2485 7.73859 21.1104 6.71094C20.9751 5.70485 20.7211 5.12536 20.2979 4.70215C19.8746 4.27894 19.2952 4.02491 18.2891 3.88965C17.2614 3.7515 15.9068 3.75 14 3.75H10C8.09324 3.75 6.73859 3.7515 5.71094 3.88965C4.70485 4.02491 4.12536 4.27894 3.70215 4.70215C3.27894 5.12536 3.02491 5.70485 2.88965 6.71094C2.7515 7.73859 2.75 9.09324 2.75 11V13C2.75 14.9068 2.7515 16.2614 2.88965 17.2891C3.02491 18.2952 3.27894 18.8746 3.70215 19.2979C4.12536 19.7211 4.70485 19.9751 5.71094 20.1104C6.73859 20.2485 8.09324 20.25 10 20.25H14C15.9068 20.25 17.2614 20.2485 18.2891 20.1104C19.2952 19.9751 19.8746 19.7211 20.2979 19.2979C20.7211 18.8746 20.9751 18.2952 21.1104 17.2891C21.2485 16.2614 21.25 14.9068 21.25 13V11ZM22.75 13C22.75 14.8644 22.7514 16.3384 22.5967 17.4893C22.439 18.6616 22.1067 19.6101 21.3584 20.3584C20.6101 21.1067 19.6616 21.439 18.4893 21.5967C17.3384 21.7514 15.8644 21.75 14 21.75H10C8.13558 21.75 6.66159 21.7514 5.51074 21.5967C4.33844 21.439 3.38991 21.1067 2.6416 20.3584C1.89329 19.6101 1.56096 18.6616 1.40332 17.4893C1.24859 16.3384 1.25 14.8644 1.25 13V11C1.25 9.13558 1.24859 7.66159 1.40332 6.51074C1.56096 5.33844 1.89329 4.38991 2.6416 3.6416C3.38991 2.89329 4.33844 2.56096 5.51074 2.40332C6.66159 2.24859 8.13558 2.25 10 2.25H14C15.8644 2.25 17.3384 2.24859 18.4893 2.40332C19.6616 2.56096 20.6101 2.89329 21.3584 3.6416C22.1067 4.38991 22.439 5.33844 22.5967 6.51074C22.7514 7.66159 22.75 9.13558 22.75 11V13Z"/><path d="M14.25 3C14.25 2.58579 14.5858 2.25 15 2.25C15.4142 2.25 15.75 2.58579 15.75 3L15.75 21C15.75 21.4142 15.4142 21.75 15 21.75C14.5858 21.75 14.25 21.4142 14.25 21L14.25 3Z"/><path d="M10.3579 14.5117C10.6275 14.8261 10.5912 15.2997 10.2769 15.5693C9.96245 15.8388 9.48886 15.8026 9.21927 15.4882L6.64799 12.4882C6.40724 12.2074 6.40724 11.7925 6.64799 11.5117L9.21927 8.51168C9.48886 8.19734 9.96245 8.16111 10.2769 8.43063C10.5912 8.70022 10.6275 9.1738 10.3579 9.48825L8.2056 12L10.3579 14.5117Z"/></g></svg>
</template>

CSS

.icon-sidebar-open-outline {
  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%22M21.25%2011C21.25%209.09324%2021.2485%207.73859%2021.1104%206.71094C20.9751%205.70485%2020.7211%205.12536%2020.2979%204.70215C19.8746%204.27894%2019.2952%204.02491%2018.2891%203.88965C17.2614%203.7515%2015.9068%203.75%2014%203.75H10C8.09324%203.75%206.73859%203.7515%205.71094%203.88965C4.70485%204.02491%204.12536%204.27894%203.70215%204.70215C3.27894%205.12536%203.02491%205.70485%202.88965%206.71094C2.7515%207.73859%202.75%209.09324%202.75%2011V13C2.75%2014.9068%202.7515%2016.2614%202.88965%2017.2891C3.02491%2018.2952%203.27894%2018.8746%203.70215%2019.2979C4.12536%2019.7211%204.70485%2019.9751%205.71094%2020.1104C6.73859%2020.2485%208.09324%2020.25%2010%2020.25H14C15.9068%2020.25%2017.2614%2020.2485%2018.2891%2020.1104C19.2952%2019.9751%2019.8746%2019.7211%2020.2979%2019.2979C20.7211%2018.8746%2020.9751%2018.2952%2021.1104%2017.2891C21.2485%2016.2614%2021.25%2014.9068%2021.25%2013V11ZM22.75%2013C22.75%2014.8644%2022.7514%2016.3384%2022.5967%2017.4893C22.439%2018.6616%2022.1067%2019.6101%2021.3584%2020.3584C20.6101%2021.1067%2019.6616%2021.439%2018.4893%2021.5967C17.3384%2021.7514%2015.8644%2021.75%2014%2021.75H10C8.13558%2021.75%206.66159%2021.7514%205.51074%2021.5967C4.33844%2021.439%203.38991%2021.1067%202.6416%2020.3584C1.89329%2019.6101%201.56096%2018.6616%201.40332%2017.4893C1.24859%2016.3384%201.25%2014.8644%201.25%2013V11C1.25%209.13558%201.24859%207.66159%201.40332%206.51074C1.56096%205.33844%201.89329%204.38991%202.6416%203.6416C3.38991%202.89329%204.33844%202.56096%205.51074%202.40332C6.66159%202.24859%208.13558%202.25%2010%202.25H14C15.8644%202.25%2017.3384%202.24859%2018.4893%202.40332C19.6616%202.56096%2020.6101%202.89329%2021.3584%203.6416C22.1067%204.38991%2022.439%205.33844%2022.5967%206.51074C22.7514%207.66159%2022.75%209.13558%2022.75%2011V13Z%22%2F%3E%3Cpath%20d%3D%22M14.25%203C14.25%202.58579%2014.5858%202.25%2015%202.25C15.4142%202.25%2015.75%202.58579%2015.75%203L15.75%2021C15.75%2021.4142%2015.4142%2021.75%2015%2021.75C14.5858%2021.75%2014.25%2021.4142%2014.25%2021L14.25%203Z%22%2F%3E%3Cpath%20d%3D%22M10.3579%2014.5117C10.6275%2014.8261%2010.5912%2015.2997%2010.2769%2015.5693C9.96245%2015.8388%209.48886%2015.8026%209.21927%2015.4882L6.64799%2012.4882C6.40724%2012.2074%206.40724%2011.7925%206.64799%2011.5117L9.21927%208.51168C9.48886%208.19734%209.96245%208.16111%2010.2769%208.43063C10.5912%208.70022%2010.6275%209.1738%2010.3579%209.48825L8.2056%2012L10.3579%2014.5117Z%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%22M21.25%2011C21.25%209.09324%2021.2485%207.73859%2021.1104%206.71094C20.9751%205.70485%2020.7211%205.12536%2020.2979%204.70215C19.8746%204.27894%2019.2952%204.02491%2018.2891%203.88965C17.2614%203.7515%2015.9068%203.75%2014%203.75H10C8.09324%203.75%206.73859%203.7515%205.71094%203.88965C4.70485%204.02491%204.12536%204.27894%203.70215%204.70215C3.27894%205.12536%203.02491%205.70485%202.88965%206.71094C2.7515%207.73859%202.75%209.09324%202.75%2011V13C2.75%2014.9068%202.7515%2016.2614%202.88965%2017.2891C3.02491%2018.2952%203.27894%2018.8746%203.70215%2019.2979C4.12536%2019.7211%204.70485%2019.9751%205.71094%2020.1104C6.73859%2020.2485%208.09324%2020.25%2010%2020.25H14C15.9068%2020.25%2017.2614%2020.2485%2018.2891%2020.1104C19.2952%2019.9751%2019.8746%2019.7211%2020.2979%2019.2979C20.7211%2018.8746%2020.9751%2018.2952%2021.1104%2017.2891C21.2485%2016.2614%2021.25%2014.9068%2021.25%2013V11ZM22.75%2013C22.75%2014.8644%2022.7514%2016.3384%2022.5967%2017.4893C22.439%2018.6616%2022.1067%2019.6101%2021.3584%2020.3584C20.6101%2021.1067%2019.6616%2021.439%2018.4893%2021.5967C17.3384%2021.7514%2015.8644%2021.75%2014%2021.75H10C8.13558%2021.75%206.66159%2021.7514%205.51074%2021.5967C4.33844%2021.439%203.38991%2021.1067%202.6416%2020.3584C1.89329%2019.6101%201.56096%2018.6616%201.40332%2017.4893C1.24859%2016.3384%201.25%2014.8644%201.25%2013V11C1.25%209.13558%201.24859%207.66159%201.40332%206.51074C1.56096%205.33844%201.89329%204.38991%202.6416%203.6416C3.38991%202.89329%204.33844%202.56096%205.51074%202.40332C6.66159%202.24859%208.13558%202.25%2010%202.25H14C15.8644%202.25%2017.3384%202.24859%2018.4893%202.40332C19.6616%202.56096%2020.6101%202.89329%2021.3584%203.6416C22.1067%204.38991%2022.439%205.33844%2022.5967%206.51074C22.7514%207.66159%2022.75%209.13558%2022.75%2011V13Z%22%2F%3E%3Cpath%20d%3D%22M14.25%203C14.25%202.58579%2014.5858%202.25%2015%202.25C15.4142%202.25%2015.75%202.58579%2015.75%203L15.75%2021C15.75%2021.4142%2015.4142%2021.75%2015%2021.75C14.5858%2021.75%2014.25%2021.4142%2014.25%2021L14.25%203Z%22%2F%3E%3Cpath%20d%3D%22M10.3579%2014.5117C10.6275%2014.8261%2010.5912%2015.2997%2010.2769%2015.5693C9.96245%2015.8388%209.48886%2015.8026%209.21927%2015.4882L6.64799%2012.4882C6.40724%2012.2074%206.40724%2011.7925%206.64799%2011.5117L9.21927%208.51168C9.48886%208.19734%209.96245%208.16111%2010.2769%208.43063C10.5912%208.70022%2010.6275%209.1738%2010.3579%209.48825L8.2056%2012L10.3579%2014.5117Z%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/sidebar-open-outline.svg?color=%231a73e8&size=48