arrow right up icon

arrow-right-up-outline from Solar by 480 Design · Outline · Arrows · CC-BY-4.0 Attribution required.

Name
arrow-right-up-outline
Set
Solar
Style
Outline
Category
Arrows
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

arrow-right-up-boldarrow-right-up-bold-duotonearrow-right-up-brokenarrow-right-up-line-duotonearrow-right-up-linear

The same icon in other sets

arrow-right-upHumbleiconsarrow-right-upIconParkarrow-right-upIconPark Outlinearrow-right-up-fillMingCute Iconarrow-right-up-fillRemix Iconarrow-right-upTDesign Icons

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-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-boldround-alt-arrow-right-bold

Use the arrow right up 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="M9 6.75C8.58579 6.75 8.25 6.41421 8.25 6C8.25 5.58579 8.58579 5.25 9 5.25H18C18.4142 5.25 18.75 5.58579 18.75 6V15C18.75 15.4142 18.4142 15.75 18 15.75C17.5858 15.75 17.25 15.4142 17.25 15V7.81066L6.53033 18.5303C6.23744 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L16.1893 6.75H9Z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function SolarArrowRightUpOutline(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="M9 6.75C8.58579 6.75 8.25 6.41421 8.25 6C8.25 5.58579 8.58579 5.25 9 5.25H18C18.4142 5.25 18.75 5.58579 18.75 6V15C18.75 15.4142 18.4142 15.75 18 15.75C17.5858 15.75 17.25 15.4142 17.25 15V7.81066L6.53033 18.5303C6.23744 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L16.1893 6.75H9Z" 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="M9 6.75C8.58579 6.75 8.25 6.41421 8.25 6C8.25 5.58579 8.58579 5.25 9 5.25H18C18.4142 5.25 18.75 5.58579 18.75 6V15C18.75 15.4142 18.4142 15.75 18 15.75C17.5858 15.75 17.25 15.4142 17.25 15V7.81066L6.53033 18.5303C6.23744 18.8232 5.76256 18.8232 5.46967 18.5303C5.17678 18.2374 5.17678 17.7626 5.46967 17.4697L16.1893 6.75H9Z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-arrow-right-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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M9%206.75C8.58579%206.75%208.25%206.41421%208.25%206C8.25%205.58579%208.58579%205.25%209%205.25H18C18.4142%205.25%2018.75%205.58579%2018.75%206V15C18.75%2015.4142%2018.4142%2015.75%2018%2015.75C17.5858%2015.75%2017.25%2015.4142%2017.25%2015V7.81066L6.53033%2018.5303C6.23744%2018.8232%205.76256%2018.8232%205.46967%2018.5303C5.17678%2018.2374%205.17678%2017.7626%205.46967%2017.4697L16.1893%206.75H9Z%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%22M9%206.75C8.58579%206.75%208.25%206.41421%208.25%206C8.25%205.58579%208.58579%205.25%209%205.25H18C18.4142%205.25%2018.75%205.58579%2018.75%206V15C18.75%2015.4142%2018.4142%2015.75%2018%2015.75C17.5858%2015.75%2017.25%2015.4142%2017.25%2015V7.81066L6.53033%2018.5303C6.23744%2018.8232%205.76256%2018.8232%205.46967%2018.5303C5.17678%2018.2374%205.17678%2017.7626%205.46967%2017.4697L16.1893%206.75H9Z%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/arrow-right-up-outline.svg?color=%231a73e8&size=48

Arrow Right Up outline icon — Solar · IconsDB