round arrow right down icon
round-arrow-right-down-bold from Solar by 480 Design · Bold · Arrows · CC-BY-4.0 Attribution required.
- Name
- round-arrow-right-down-bold
- Set
- Solar
- Style
- Bold
- Category
- Arrows
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More arrows icons from Solar
alt-arrow-down-boldalt-arrow-left-boldalt-arrow-right-boldalt-arrow-up-boldarrow-down-boldarrow-left-boldarrow-left-down-boldarrow-left-up-boldarrow-right-boldarrow-right-down-boldarrow-right-up-boldarrow-up-bolddouble-alt-arrow-down-bolddouble-alt-arrow-left-bolddouble-alt-arrow-right-bolddouble-alt-arrow-up-boldrefresh-boldrefresh-circle-boldrefresh-square-boldrestart-boldrestart-circle-boldrestart-square-boldround-alt-arrow-down-boldround-alt-arrow-left-bold
Use the round arrow right down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM9.75 15C9.75 15.4142 10.0858 15.75 10.5 15.75H15C15.4142 15.75 15.75 15.4142 15.75 15V10.5C15.75 10.0858 15.4142 9.75 15 9.75C14.5858 9.75 14.25 10.0858 14.25 10.5V13.1893L9.53033 8.46967C9.23744 8.17678 8.76256 8.17678 8.46967 8.46967C8.17678 8.76256 8.17678 9.23744 8.46967 9.53033L13.1893 14.25H10.5C10.0858 14.25 9.75 14.5858 9.75 15Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarRoundArrowRightDownBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM9.75 15C9.75 15.4142 10.0858 15.75 10.5 15.75H15C15.4142 15.75 15.75 15.4142 15.75 15V10.5C15.75 10.0858 15.4142 9.75 15 9.75C14.5858 9.75 14.25 10.0858 14.25 10.5V13.1893L9.53033 8.46967C9.23744 8.17678 8.76256 8.17678 8.46967 8.46967C8.17678 8.76256 8.17678 9.23744 8.46967 9.53033L13.1893 14.25H10.5C10.0858 14.25 9.75 14.5858 9.75 15Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM9.75 15C9.75 15.4142 10.0858 15.75 10.5 15.75H15C15.4142 15.75 15.75 15.4142 15.75 15V10.5C15.75 10.0858 15.4142 9.75 15 9.75C14.5858 9.75 14.25 10.0858 14.25 10.5V13.1893L9.53033 8.46967C9.23744 8.17678 8.76256 8.17678 8.46967 8.46967C8.17678 8.76256 8.17678 9.23744 8.46967 9.53033L13.1893 14.25H10.5C10.0858 14.25 9.75 14.5858 9.75 15Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-round-arrow-right-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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202ZM9.75%2015C9.75%2015.4142%2010.0858%2015.75%2010.5%2015.75H15C15.4142%2015.75%2015.75%2015.4142%2015.75%2015V10.5C15.75%2010.0858%2015.4142%209.75%2015%209.75C14.5858%209.75%2014.25%2010.0858%2014.25%2010.5V13.1893L9.53033%208.46967C9.23744%208.17678%208.76256%208.17678%208.46967%208.46967C8.17678%208.76256%208.17678%209.23744%208.46967%209.53033L13.1893%2014.25H10.5C10.0858%2014.25%209.75%2014.5858%209.75%2015Z%22%20clip-rule%3D%22evenodd%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%202C17.5228%202%2022%206.47715%2022%2012C22%2017.5228%2017.5228%2022%2012%2022C6.47715%2022%202%2017.5228%202%2012C2%206.47715%206.47715%202%2012%202ZM9.75%2015C9.75%2015.4142%2010.0858%2015.75%2010.5%2015.75H15C15.4142%2015.75%2015.75%2015.4142%2015.75%2015V10.5C15.75%2010.0858%2015.4142%209.75%2015%209.75C14.5858%209.75%2014.25%2010.0858%2014.25%2010.5V13.1893L9.53033%208.46967C9.23744%208.17678%208.76256%208.17678%208.46967%208.46967C8.17678%208.76256%208.17678%209.23744%208.46967%209.53033L13.1893%2014.25H10.5C10.0858%2014.25%209.75%2014.5858%209.75%2015Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/round-arrow-right-down-bold.svg?color=%231a73e8&size=48
