parentheses icon
parentheses-outline from Solar by 480 Design · Outline · IT · CC-BY-4.0 Attribution required.
- Name
- parentheses-outline
- Set
- Solar
- Style
- Outline
- Category
- IT
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
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-boldprogramming-bold
Use the parentheses icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.25 12C2.25 6.97211 5.45807 3.17907 8.625 1.35062C8.9837 1.14352 9.4423 1.26635 9.64941 1.62504C9.85651 1.98374 9.73368 2.44233 9.375 2.64945C6.54195 4.28511 3.75 7.64305 3.75 12C3.75 16.357 6.54195 19.715 9.375 21.3506C9.73368 21.5577 9.85651 22.0163 9.64941 22.375C9.4423 22.7337 8.9837 22.8565 8.625 22.6495C5.45807 20.821 2.25 17.028 2.25 12Z"/><path d="M21.75 12C21.75 6.97211 18.5419 3.17907 15.375 1.35062C15.0163 1.14352 14.5577 1.26635 14.3506 1.62504C14.1435 1.98374 14.2663 2.44233 14.625 2.64945C17.4581 4.28511 20.25 7.64305 20.25 12C20.25 16.357 17.4581 19.715 14.625 21.3506C14.2663 21.5577 14.1435 22.0163 14.3506 22.375C14.5577 22.7337 15.0163 22.8565 15.375 22.6495C18.5419 20.821 21.75 17.028 21.75 12Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarParenthesesOutline(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="M2.25 12C2.25 6.97211 5.45807 3.17907 8.625 1.35062C8.9837 1.14352 9.4423 1.26635 9.64941 1.62504C9.85651 1.98374 9.73368 2.44233 9.375 2.64945C6.54195 4.28511 3.75 7.64305 3.75 12C3.75 16.357 6.54195 19.715 9.375 21.3506C9.73368 21.5577 9.85651 22.0163 9.64941 22.375C9.4423 22.7337 8.9837 22.8565 8.625 22.6495C5.45807 20.821 2.25 17.028 2.25 12Z"/><path d="M21.75 12C21.75 6.97211 18.5419 3.17907 15.375 1.35062C15.0163 1.14352 14.5577 1.26635 14.3506 1.62504C14.1435 1.98374 14.2663 2.44233 14.625 2.64945C17.4581 4.28511 20.25 7.64305 20.25 12C20.25 16.357 17.4581 19.715 14.625 21.3506C14.2663 21.5577 14.1435 22.0163 14.3506 22.375C14.5577 22.7337 15.0163 22.8565 15.375 22.6495C18.5419 20.821 21.75 17.028 21.75 12Z"/></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="M2.25 12C2.25 6.97211 5.45807 3.17907 8.625 1.35062C8.9837 1.14352 9.4423 1.26635 9.64941 1.62504C9.85651 1.98374 9.73368 2.44233 9.375 2.64945C6.54195 4.28511 3.75 7.64305 3.75 12C3.75 16.357 6.54195 19.715 9.375 21.3506C9.73368 21.5577 9.85651 22.0163 9.64941 22.375C9.4423 22.7337 8.9837 22.8565 8.625 22.6495C5.45807 20.821 2.25 17.028 2.25 12Z"/><path d="M21.75 12C21.75 6.97211 18.5419 3.17907 15.375 1.35062C15.0163 1.14352 14.5577 1.26635 14.3506 1.62504C14.1435 1.98374 14.2663 2.44233 14.625 2.64945C17.4581 4.28511 20.25 7.64305 20.25 12C20.25 16.357 17.4581 19.715 14.625 21.3506C14.2663 21.5577 14.1435 22.0163 14.3506 22.375C14.5577 22.7337 15.0163 22.8565 15.375 22.6495C18.5419 20.821 21.75 17.028 21.75 12Z"/></g></svg> </template>
CSS
.icon-parentheses-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%22M2.25%2012C2.25%206.97211%205.45807%203.17907%208.625%201.35062C8.9837%201.14352%209.4423%201.26635%209.64941%201.62504C9.85651%201.98374%209.73368%202.44233%209.375%202.64945C6.54195%204.28511%203.75%207.64305%203.75%2012C3.75%2016.357%206.54195%2019.715%209.375%2021.3506C9.73368%2021.5577%209.85651%2022.0163%209.64941%2022.375C9.4423%2022.7337%208.9837%2022.8565%208.625%2022.6495C5.45807%2020.821%202.25%2017.028%202.25%2012Z%22%2F%3E%3Cpath%20d%3D%22M21.75%2012C21.75%206.97211%2018.5419%203.17907%2015.375%201.35062C15.0163%201.14352%2014.5577%201.26635%2014.3506%201.62504C14.1435%201.98374%2014.2663%202.44233%2014.625%202.64945C17.4581%204.28511%2020.25%207.64305%2020.25%2012C20.25%2016.357%2017.4581%2019.715%2014.625%2021.3506C14.2663%2021.5577%2014.1435%2022.0163%2014.3506%2022.375C14.5577%2022.7337%2015.0163%2022.8565%2015.375%2022.6495C18.5419%2020.821%2021.75%2017.028%2021.75%2012Z%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%22M2.25%2012C2.25%206.97211%205.45807%203.17907%208.625%201.35062C8.9837%201.14352%209.4423%201.26635%209.64941%201.62504C9.85651%201.98374%209.73368%202.44233%209.375%202.64945C6.54195%204.28511%203.75%207.64305%203.75%2012C3.75%2016.357%206.54195%2019.715%209.375%2021.3506C9.73368%2021.5577%209.85651%2022.0163%209.64941%2022.375C9.4423%2022.7337%208.9837%2022.8565%208.625%2022.6495C5.45807%2020.821%202.25%2017.028%202.25%2012Z%22%2F%3E%3Cpath%20d%3D%22M21.75%2012C21.75%206.97211%2018.5419%203.17907%2015.375%201.35062C15.0163%201.14352%2014.5577%201.26635%2014.3506%201.62504C14.1435%201.98374%2014.2663%202.44233%2014.625%202.64945C17.4581%204.28511%2020.25%207.64305%2020.25%2012C20.25%2016.357%2017.4581%2019.715%2014.625%2021.3506C14.2663%2021.5577%2014.1435%2022.0163%2014.3506%2022.375C14.5577%2022.7337%2015.0163%2022.8565%2015.375%2022.6495C18.5419%2020.821%2021.75%2017.028%2021.75%2012Z%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/parentheses-outline.svg?color=%231a73e8&size=48
