circle bottom up icon
circle-bottom-up-outline from Solar by 480 Design · Outline · Arrows Action · CC-BY-4.0 Attribution required.
- Name
- circle-bottom-up-outline
- Set
- Solar
- Style
- Outline
- Category
- Arrows Action
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More arrows action icons from Solar
arrow-to-down-left-boldarrow-to-down-right-boldarrow-to-top-left-boldarrow-to-top-right-boldcircle-bottom-down-boldcircle-top-down-boldcircle-top-up-bolddownload-bolddownload-minimalistic-bolddownload-square-bolddownload-twice-square-boldexit-boldexport-boldforward-2-boldforward-boldimport-boldlogin-2-boldlogin-3-boldlogin-boldlogout-2-boldlogout-3-boldlogout-boldmaximize-boldmaximize-square-2-bold
Use the circle bottom up 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.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C11.5858 21.25 11.25 21.5858 11.25 22C11.25 22.4142 11.5858 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 12.4142 1.58579 12.75 2 12.75C2.41421 12.75 2.75 12.4142 2.75 12Z"/><path d="M5 12.25C4.58579 12.25 4.25 12.5858 4.25 13C4.25 13.4142 4.58579 13.75 5 13.75H9.18934L2.46967 20.4697C2.17678 20.7626 2.17678 21.2374 2.46967 21.5303C2.76256 21.8232 3.23744 21.8232 3.53033 21.5303L10.25 14.8107V19C10.25 19.4142 10.5858 19.75 11 19.75C11.4142 19.75 11.75 19.4142 11.75 19V13C11.75 12.5858 11.4142 12.25 11 12.25H5Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCircleBottomUpOutline(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.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C11.5858 21.25 11.25 21.5858 11.25 22C11.25 22.4142 11.5858 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 12.4142 1.58579 12.75 2 12.75C2.41421 12.75 2.75 12.4142 2.75 12Z"/><path d="M5 12.25C4.58579 12.25 4.25 12.5858 4.25 13C4.25 13.4142 4.58579 13.75 5 13.75H9.18934L2.46967 20.4697C2.17678 20.7626 2.17678 21.2374 2.46967 21.5303C2.76256 21.8232 3.23744 21.8232 3.53033 21.5303L10.25 14.8107V19C10.25 19.4142 10.5858 19.75 11 19.75C11.4142 19.75 11.75 19.4142 11.75 19V13C11.75 12.5858 11.4142 12.25 11 12.25H5Z"/></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.75 12C2.75 6.89137 6.89137 2.75 12 2.75C17.1086 2.75 21.25 6.89137 21.25 12C21.25 17.1086 17.1086 21.25 12 21.25C11.5858 21.25 11.25 21.5858 11.25 22C11.25 22.4142 11.5858 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 12.4142 1.58579 12.75 2 12.75C2.41421 12.75 2.75 12.4142 2.75 12Z"/><path d="M5 12.25C4.58579 12.25 4.25 12.5858 4.25 13C4.25 13.4142 4.58579 13.75 5 13.75H9.18934L2.46967 20.4697C2.17678 20.7626 2.17678 21.2374 2.46967 21.5303C2.76256 21.8232 3.23744 21.8232 3.53033 21.5303L10.25 14.8107V19C10.25 19.4142 10.5858 19.75 11 19.75C11.4142 19.75 11.75 19.4142 11.75 19V13C11.75 12.5858 11.4142 12.25 11 12.25H5Z"/></g></svg> </template>
CSS
.icon-circle-bottom-up-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.75%2012C2.75%206.89137%206.89137%202.75%2012%202.75C17.1086%202.75%2021.25%206.89137%2021.25%2012C21.25%2017.1086%2017.1086%2021.25%2012%2021.25C11.5858%2021.25%2011.25%2021.5858%2011.25%2022C11.25%2022.4142%2011.5858%2022.75%2012%2022.75C17.9371%2022.75%2022.75%2017.9371%2022.75%2012C22.75%206.06294%2017.9371%201.25%2012%201.25C6.06294%201.25%201.25%206.06294%201.25%2012C1.25%2012.4142%201.58579%2012.75%202%2012.75C2.41421%2012.75%202.75%2012.4142%202.75%2012Z%22%2F%3E%3Cpath%20d%3D%22M5%2012.25C4.58579%2012.25%204.25%2012.5858%204.25%2013C4.25%2013.4142%204.58579%2013.75%205%2013.75H9.18934L2.46967%2020.4697C2.17678%2020.7626%202.17678%2021.2374%202.46967%2021.5303C2.76256%2021.8232%203.23744%2021.8232%203.53033%2021.5303L10.25%2014.8107V19C10.25%2019.4142%2010.5858%2019.75%2011%2019.75C11.4142%2019.75%2011.75%2019.4142%2011.75%2019V13C11.75%2012.5858%2011.4142%2012.25%2011%2012.25H5Z%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.75%2012C2.75%206.89137%206.89137%202.75%2012%202.75C17.1086%202.75%2021.25%206.89137%2021.25%2012C21.25%2017.1086%2017.1086%2021.25%2012%2021.25C11.5858%2021.25%2011.25%2021.5858%2011.25%2022C11.25%2022.4142%2011.5858%2022.75%2012%2022.75C17.9371%2022.75%2022.75%2017.9371%2022.75%2012C22.75%206.06294%2017.9371%201.25%2012%201.25C6.06294%201.25%201.25%206.06294%201.25%2012C1.25%2012.4142%201.58579%2012.75%202%2012.75C2.41421%2012.75%202.75%2012.4142%202.75%2012Z%22%2F%3E%3Cpath%20d%3D%22M5%2012.25C4.58579%2012.25%204.25%2012.5858%204.25%2013C4.25%2013.4142%204.58579%2013.75%205%2013.75H9.18934L2.46967%2020.4697C2.17678%2020.7626%202.17678%2021.2374%202.46967%2021.5303C2.76256%2021.8232%203.23744%2021.8232%203.53033%2021.5303L10.25%2014.8107V19C10.25%2019.4142%2010.5858%2019.75%2011%2019.75C11.4142%2019.75%2011.75%2019.4142%2011.75%2019V13C11.75%2012.5858%2011.4142%2012.25%2011%2012.25H5Z%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/circle-bottom-up-outline.svg?color=%231a73e8&size=48
