circle bottom down icon
circle-bottom-down-bold from Solar by 480 Design · Bold · Arrows Action · CC-BY-4.0 Attribution required.
- Name
- circle-bottom-down-bold
- Set
- Solar
- Style
- Bold
- 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-up-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 down 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="M8.75 22C8.75 22.4142 8.41421 22.75 8 22.75H2C1.58579 22.75 1.25 22.4142 1.25 22V16C1.25 15.5858 1.58579 15.25 2 15.25C2.41421 15.25 2.75 15.5858 2.75 16V20.1893L9.46967 13.4697C9.76256 13.1768 10.2374 13.1768 10.5303 13.4697C10.8232 13.7626 10.8232 14.2374 10.5303 14.5303L3.81066 21.25H8C8.41421 21.25 8.75 21.5858 8.75 22Z" clip-rule="evenodd"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 12.5988 2.05263 13.1853 2.15352 13.7552C3.32456 13.8341 4.25 14.809 4.25 16V16.568L8.40901 12.409C9.28769 11.5303 10.7123 11.5303 11.591 12.409C12.4697 13.2877 12.4697 14.7123 11.591 15.591L7.43198 19.75H8C9.19104 19.75 10.1659 20.6754 10.2448 21.8465C10.8147 21.9474 11.4012 22 12 22Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarCircleBottomDownBold(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="M8.75 22C8.75 22.4142 8.41421 22.75 8 22.75H2C1.58579 22.75 1.25 22.4142 1.25 22V16C1.25 15.5858 1.58579 15.25 2 15.25C2.41421 15.25 2.75 15.5858 2.75 16V20.1893L9.46967 13.4697C9.76256 13.1768 10.2374 13.1768 10.5303 13.4697C10.8232 13.7626 10.8232 14.2374 10.5303 14.5303L3.81066 21.25H8C8.41421 21.25 8.75 21.5858 8.75 22Z" clipRule="evenodd"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 12.5988 2.05263 13.1853 2.15352 13.7552C3.32456 13.8341 4.25 14.809 4.25 16V16.568L8.40901 12.409C9.28769 11.5303 10.7123 11.5303 11.591 12.409C12.4697 13.2877 12.4697 14.7123 11.591 15.591L7.43198 19.75H8C9.19104 19.75 10.1659 20.6754 10.2448 21.8465C10.8147 21.9474 11.4012 22 12 22Z"/></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="M8.75 22C8.75 22.4142 8.41421 22.75 8 22.75H2C1.58579 22.75 1.25 22.4142 1.25 22V16C1.25 15.5858 1.58579 15.25 2 15.25C2.41421 15.25 2.75 15.5858 2.75 16V20.1893L9.46967 13.4697C9.76256 13.1768 10.2374 13.1768 10.5303 13.4697C10.8232 13.7626 10.8232 14.2374 10.5303 14.5303L3.81066 21.25H8C8.41421 21.25 8.75 21.5858 8.75 22Z" clip-rule="evenodd"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 12.5988 2.05263 13.1853 2.15352 13.7552C3.32456 13.8341 4.25 14.809 4.25 16V16.568L8.40901 12.409C9.28769 11.5303 10.7123 11.5303 11.591 12.409C12.4697 13.2877 12.4697 14.7123 11.591 15.591L7.43198 19.75H8C9.19104 19.75 10.1659 20.6754 10.2448 21.8465C10.8147 21.9474 11.4012 22 12 22Z"/></g></svg> </template>
CSS
.icon-circle-bottom-down-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%22M8.75%2022C8.75%2022.4142%208.41421%2022.75%208%2022.75H2C1.58579%2022.75%201.25%2022.4142%201.25%2022V16C1.25%2015.5858%201.58579%2015.25%202%2015.25C2.41421%2015.25%202.75%2015.5858%202.75%2016V20.1893L9.46967%2013.4697C9.76256%2013.1768%2010.2374%2013.1768%2010.5303%2013.4697C10.8232%2013.7626%2010.8232%2014.2374%2010.5303%2014.5303L3.81066%2021.25H8C8.41421%2021.25%208.75%2021.5858%208.75%2022Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2012.5988%202.05263%2013.1853%202.15352%2013.7552C3.32456%2013.8341%204.25%2014.809%204.25%2016V16.568L8.40901%2012.409C9.28769%2011.5303%2010.7123%2011.5303%2011.591%2012.409C12.4697%2013.2877%2012.4697%2014.7123%2011.591%2015.591L7.43198%2019.75H8C9.19104%2019.75%2010.1659%2020.6754%2010.2448%2021.8465C10.8147%2021.9474%2011.4012%2022%2012%2022Z%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%22M8.75%2022C8.75%2022.4142%208.41421%2022.75%208%2022.75H2C1.58579%2022.75%201.25%2022.4142%201.25%2022V16C1.25%2015.5858%201.58579%2015.25%202%2015.25C2.41421%2015.25%202.75%2015.5858%202.75%2016V20.1893L9.46967%2013.4697C9.76256%2013.1768%2010.2374%2013.1768%2010.5303%2013.4697C10.8232%2013.7626%2010.8232%2014.2374%2010.5303%2014.5303L3.81066%2021.25H8C8.41421%2021.25%208.75%2021.5858%208.75%2022Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M12%2022C17.5228%2022%2022%2017.5228%2022%2012C22%206.47715%2017.5228%202%2012%202C6.47715%202%202%206.47715%202%2012C2%2012.5988%202.05263%2013.1853%202.15352%2013.7552C3.32456%2013.8341%204.25%2014.809%204.25%2016V16.568L8.40901%2012.409C9.28769%2011.5303%2010.7123%2011.5303%2011.591%2012.409C12.4697%2013.2877%2012.4697%2014.7123%2011.591%2015.591L7.43198%2019.75H8C9.19104%2019.75%2010.1659%2020.6754%2010.2448%2021.8465C10.8147%2021.9474%2011.4012%2022%2012%2022Z%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-down-bold.svg?color=%231a73e8&size=48
