sidebar close icon
sidebar-close-bold from Solar by 480 Design · Bold · IT · CC-BY-4.0 Attribution required.
- Name
- sidebar-close-bold
- Set
- Solar
- Style
- Bold
- Category
- IT
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
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 close icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M14.25 21H10C6.22876 21 4.34345 20.9997 3.17188 19.8281C2.0003 18.6566 2 16.7712 2 13V11C2 7.22876 2.0003 5.34345 3.17188 4.17188C4.34345 3.0003 6.22876 3 10 3H14.25V21ZM7.78711 8.51172C7.5176 8.19747 7.04393 8.16141 6.72949 8.43066C6.41515 8.70025 6.37892 9.17384 6.64844 9.48828L8.80078 12L6.64844 14.5117C6.379 14.8261 6.41443 15.2997 6.72852 15.5693C7.04288 15.8388 7.51651 15.8024 7.78613 15.4883L10.3584 12.4883C10.5989 12.2075 10.5989 11.7925 10.3584 11.5117L7.78711 8.51172Z" clip-rule="evenodd"/><path d="M15.75 3.00586C18.3859 3.03348 19.8538 3.19755 20.8281 4.17188C21.9997 5.34345 22 7.22876 22 11V13C22 16.7712 21.9997 18.6566 20.8281 19.8281C19.8538 20.8025 18.3859 20.9665 15.75 20.9941V3.00586Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSidebarCloseBold(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 fillRule="evenodd" d="M14.25 21H10C6.22876 21 4.34345 20.9997 3.17188 19.8281C2.0003 18.6566 2 16.7712 2 13V11C2 7.22876 2.0003 5.34345 3.17188 4.17188C4.34345 3.0003 6.22876 3 10 3H14.25V21ZM7.78711 8.51172C7.5176 8.19747 7.04393 8.16141 6.72949 8.43066C6.41515 8.70025 6.37892 9.17384 6.64844 9.48828L8.80078 12L6.64844 14.5117C6.379 14.8261 6.41443 15.2997 6.72852 15.5693C7.04288 15.8388 7.51651 15.8024 7.78613 15.4883L10.3584 12.4883C10.5989 12.2075 10.5989 11.7925 10.3584 11.5117L7.78711 8.51172Z" clipRule="evenodd"/><path d="M15.75 3.00586C18.3859 3.03348 19.8538 3.19755 20.8281 4.17188C21.9997 5.34345 22 7.22876 22 11V13C22 16.7712 21.9997 18.6566 20.8281 19.8281C19.8538 20.8025 18.3859 20.9665 15.75 20.9941V3.00586Z"/></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 fill-rule="evenodd" d="M14.25 21H10C6.22876 21 4.34345 20.9997 3.17188 19.8281C2.0003 18.6566 2 16.7712 2 13V11C2 7.22876 2.0003 5.34345 3.17188 4.17188C4.34345 3.0003 6.22876 3 10 3H14.25V21ZM7.78711 8.51172C7.5176 8.19747 7.04393 8.16141 6.72949 8.43066C6.41515 8.70025 6.37892 9.17384 6.64844 9.48828L8.80078 12L6.64844 14.5117C6.379 14.8261 6.41443 15.2997 6.72852 15.5693C7.04288 15.8388 7.51651 15.8024 7.78613 15.4883L10.3584 12.4883C10.5989 12.2075 10.5989 11.7925 10.3584 11.5117L7.78711 8.51172Z" clip-rule="evenodd"/><path d="M15.75 3.00586C18.3859 3.03348 19.8538 3.19755 20.8281 4.17188C21.9997 5.34345 22 7.22876 22 11V13C22 16.7712 21.9997 18.6566 20.8281 19.8281C19.8538 20.8025 18.3859 20.9665 15.75 20.9941V3.00586Z"/></g></svg> </template>
CSS
.icon-sidebar-close-bold {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M14.25%2021H10C6.22876%2021%204.34345%2020.9997%203.17188%2019.8281C2.0003%2018.6566%202%2016.7712%202%2013V11C2%207.22876%202.0003%205.34345%203.17188%204.17188C4.34345%203.0003%206.22876%203%2010%203H14.25V21ZM7.78711%208.51172C7.5176%208.19747%207.04393%208.16141%206.72949%208.43066C6.41515%208.70025%206.37892%209.17384%206.64844%209.48828L8.80078%2012L6.64844%2014.5117C6.379%2014.8261%206.41443%2015.2997%206.72852%2015.5693C7.04288%2015.8388%207.51651%2015.8024%207.78613%2015.4883L10.3584%2012.4883C10.5989%2012.2075%2010.5989%2011.7925%2010.3584%2011.5117L7.78711%208.51172Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M15.75%203.00586C18.3859%203.03348%2019.8538%203.19755%2020.8281%204.17188C21.9997%205.34345%2022%207.22876%2022%2011V13C22%2016.7712%2021.9997%2018.6566%2020.8281%2019.8281C19.8538%2020.8025%2018.3859%2020.9665%2015.75%2020.9941V3.00586Z%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%20fill-rule%3D%22evenodd%22%20d%3D%22M14.25%2021H10C6.22876%2021%204.34345%2020.9997%203.17188%2019.8281C2.0003%2018.6566%202%2016.7712%202%2013V11C2%207.22876%202.0003%205.34345%203.17188%204.17188C4.34345%203.0003%206.22876%203%2010%203H14.25V21ZM7.78711%208.51172C7.5176%208.19747%207.04393%208.16141%206.72949%208.43066C6.41515%208.70025%206.37892%209.17384%206.64844%209.48828L8.80078%2012L6.64844%2014.5117C6.379%2014.8261%206.41443%2015.2997%206.72852%2015.5693C7.04288%2015.8388%207.51651%2015.8024%207.78613%2015.4883L10.3584%2012.4883C10.5989%2012.2075%2010.5989%2011.7925%2010.3584%2011.5117L7.78711%208.51172Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M15.75%203.00586C18.3859%203.03348%2019.8538%203.19755%2020.8281%204.17188C21.9997%205.34345%2022%207.22876%2022%2011V13C22%2016.7712%2021.9997%2018.6566%2020.8281%2019.8281C19.8538%2020.8025%2018.3859%2020.9665%2015.75%2020.9941V3.00586Z%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-close-bold.svg?color=%231a73e8&size=48
