square arrow right up icon
square-arrow-right-up-bold-duotone from Solar by 480 Design · Bold Duotone · Arrows · CC-BY-4.0 Attribution required.
- Name
- square-arrow-right-up-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- 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 square arrow right 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="M20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447Z" opacity=".5"/><path d="M15.5787 9.17188C15.5787 8.75766 15.2429 8.42188 14.8287 8.42188L10.5861 8.42188C10.1719 8.42187 9.83609 8.75766 9.83609 9.17188C9.83609 9.58609 10.1719 9.92187 10.5861 9.92188H13.0181L8.64154 14.2984C8.34865 14.5913 8.34865 15.0662 8.64154 15.3591C8.93444 15.652 9.40931 15.652 9.70221 15.3591L14.0787 10.9825L14.0787 13.4145C14.0787 13.8287 14.4145 14.1645 14.8287 14.1645C15.2429 14.1645 15.5787 13.8287 15.5787 13.4145L15.5787 9.17188Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSquareArrowRightUpBoldDuotone(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="M20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447Z" opacity=".5"/><path d="M15.5787 9.17188C15.5787 8.75766 15.2429 8.42188 14.8287 8.42188L10.5861 8.42188C10.1719 8.42187 9.83609 8.75766 9.83609 9.17188C9.83609 9.58609 10.1719 9.92187 10.5861 9.92188H13.0181L8.64154 14.2984C8.34865 14.5913 8.34865 15.0662 8.64154 15.3591C8.93444 15.652 9.40931 15.652 9.70221 15.3591L14.0787 10.9825L14.0787 13.4145C14.0787 13.8287 14.4145 14.1645 14.8287 14.1645C15.2429 14.1645 15.5787 13.8287 15.5787 13.4145L15.5787 9.17188Z"/></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="M20.5355 3.46447C19.0711 2 16.714 2 12 2C7.28595 2 4.92893 2 3.46447 3.46447C2 4.92893 2 7.28595 2 12C2 16.714 2 19.0711 3.46447 20.5355C4.92893 22 7.28595 22 12 22C16.714 22 19.0711 22 20.5355 20.5355C22 19.0711 22 16.714 22 12C22 7.28595 22 4.92893 20.5355 3.46447Z" opacity=".5"/><path d="M15.5787 9.17188C15.5787 8.75766 15.2429 8.42188 14.8287 8.42188L10.5861 8.42188C10.1719 8.42187 9.83609 8.75766 9.83609 9.17188C9.83609 9.58609 10.1719 9.92187 10.5861 9.92188H13.0181L8.64154 14.2984C8.34865 14.5913 8.34865 15.0662 8.64154 15.3591C8.93444 15.652 9.40931 15.652 9.70221 15.3591L14.0787 10.9825L14.0787 13.4145C14.0787 13.8287 14.4145 14.1645 14.8287 14.1645C15.2429 14.1645 15.5787 13.8287 15.5787 13.4145L15.5787 9.17188Z"/></g></svg> </template>
CSS
.icon-square-arrow-right-up-bold-duotone {
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%22M20.5355%203.46447C19.0711%202%2016.714%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28595%202%2012C2%2016.714%202%2019.0711%203.46447%2020.5355C4.92893%2022%207.28595%2022%2012%2022C16.714%2022%2019.0711%2022%2020.5355%2020.5355C22%2019.0711%2022%2016.714%2022%2012C22%207.28595%2022%204.92893%2020.5355%203.46447Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M15.5787%209.17188C15.5787%208.75766%2015.2429%208.42188%2014.8287%208.42188L10.5861%208.42188C10.1719%208.42187%209.83609%208.75766%209.83609%209.17188C9.83609%209.58609%2010.1719%209.92187%2010.5861%209.92188H13.0181L8.64154%2014.2984C8.34865%2014.5913%208.34865%2015.0662%208.64154%2015.3591C8.93444%2015.652%209.40931%2015.652%209.70221%2015.3591L14.0787%2010.9825L14.0787%2013.4145C14.0787%2013.8287%2014.4145%2014.1645%2014.8287%2014.1645C15.2429%2014.1645%2015.5787%2013.8287%2015.5787%2013.4145L15.5787%209.17188Z%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%22M20.5355%203.46447C19.0711%202%2016.714%202%2012%202C7.28595%202%204.92893%202%203.46447%203.46447C2%204.92893%202%207.28595%202%2012C2%2016.714%202%2019.0711%203.46447%2020.5355C4.92893%2022%207.28595%2022%2012%2022C16.714%2022%2019.0711%2022%2020.5355%2020.5355C22%2019.0711%2022%2016.714%2022%2012C22%207.28595%2022%204.92893%2020.5355%203.46447Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M15.5787%209.17188C15.5787%208.75766%2015.2429%208.42188%2014.8287%208.42188L10.5861%208.42188C10.1719%208.42187%209.83609%208.75766%209.83609%209.17188C9.83609%209.58609%2010.1719%209.92187%2010.5861%209.92188H13.0181L8.64154%2014.2984C8.34865%2014.5913%208.34865%2015.0662%208.64154%2015.3591C8.93444%2015.652%209.40931%2015.652%209.70221%2015.3591L14.0787%2010.9825L14.0787%2013.4145C14.0787%2013.8287%2014.4145%2014.1645%2014.8287%2014.1645C15.2429%2014.1645%2015.5787%2013.8287%2015.5787%2013.4145L15.5787%209.17188Z%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/square-arrow-right-up-bold-duotone.svg?color=%231a73e8&size=48
