arrow up 9 1 icon
arrow-up-9-1 from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- arrow-up-9-1
- Set
- Font Awesome 6 Solid
- Style
- Regular
- Viewbox
- 576×512
- License
- CC BY 4.0
The same icon in other sets
Related icons in Font Awesome 6 Solid
arrow-downarrow-down-1-9arrow-down-9-1arrow-down-a-zarrow-down-longarrow-down-short-widearrow-down-up-across-linearrow-down-up-lockarrow-down-wide-shortarrow-down-z-aarrow-leftarrow-left-longarrow-pointerarrow-rightarrow-right-arrow-leftarrow-right-from-bracketarrow-right-longarrow-right-to-bracketarrow-right-to-cityarrow-rotate-leftarrow-rotate-rightarrow-trend-downarrow-trend-uparrow-turn-down
Use the arrow up 9 1 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M160 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L192 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3l-32.4 35.3c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C142.5 35.8 151 32 160 32m290.7 262c8.3 6 13.3 15.7 13.3 26v96h16c17.7 0 32 14.3 32 32s-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32s14.3-32 32-32h16v-51.6l-5.9 2c-16.8 5.6-34.9-3.5-40.5-20.2s3.5-34.9 20.2-40.5l48-16c9.8-3.3 20.5-1.6 28.8 4.4zm-5-145.1A32 32 0 1 0 418.3 91a32 32 0 1 0 27.4 57.9M405 203.8c-35.4-11.4-61-44.6-61-83.8c0-48.6 39.4-88 88-88s88 39.4 88 88c0 23.5-7.5 46.3-21.5 65.2L449.7 251c-10.5 14.2-30.6 17.2-44.8 6.7s-17.2-30.6-6.7-44.8l6.8-9.2z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidArrowUp91(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M160 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L192 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3l-32.4 35.3c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C142.5 35.8 151 32 160 32m290.7 262c8.3 6 13.3 15.7 13.3 26v96h16c17.7 0 32 14.3 32 32s-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32s14.3-32 32-32h16v-51.6l-5.9 2c-16.8 5.6-34.9-3.5-40.5-20.2s3.5-34.9 20.2-40.5l48-16c9.8-3.3 20.5-1.6 28.8 4.4zm-5-145.1A32 32 0 1 0 418.3 91a32 32 0 1 0 27.4 57.9M405 203.8c-35.4-11.4-61-44.6-61-83.8c0-48.6 39.4-88 88-88s88 39.4 88 88c0 23.5-7.5 46.3-21.5 65.2L449.7 251c-10.5 14.2-30.6 17.2-44.8 6.7s-17.2-30.6-6.7-44.8l6.8-9.2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M160 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L192 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3l-32.4 35.3c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C142.5 35.8 151 32 160 32m290.7 262c8.3 6 13.3 15.7 13.3 26v96h16c17.7 0 32 14.3 32 32s-14.3 32-32 32h-96c-17.7 0-32-14.3-32-32s14.3-32 32-32h16v-51.6l-5.9 2c-16.8 5.6-34.9-3.5-40.5-20.2s3.5-34.9 20.2-40.5l48-16c9.8-3.3 20.5-1.6 28.8 4.4zm-5-145.1A32 32 0 1 0 418.3 91a32 32 0 1 0 27.4 57.9M405 203.8c-35.4-11.4-61-44.6-61-83.8c0-48.6 39.4-88 88-88s88 39.4 88 88c0 23.5-7.5 46.3-21.5 65.2L449.7 251c-10.5 14.2-30.6 17.2-44.8 6.7s-17.2-30.6-6.7-44.8l6.8-9.2z"/></svg> </template>
CSS
.icon-arrow-up-9-1 {
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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%2032c9%200%2017.5%203.8%2023.6%2010.4l88%2096c11.9%2013%2011.1%2033.3-2%2045.2s-33.3%2011.1-45.2-2L192%20146.3V448c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V146.3l-32.4%2035.3c-11.9%2013-32.2%2013.9-45.2%202s-13.9-32.2-2-45.2l88-96C142.5%2035.8%20151%2032%20160%2032m290.7%20262c8.3%206%2013.3%2015.7%2013.3%2026v96h16c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-96c-17.7%200-32-14.3-32-32s14.3-32%2032-32h16v-51.6l-5.9%202c-16.8%205.6-34.9-3.5-40.5-20.2s3.5-34.9%2020.2-40.5l48-16c9.8-3.3%2020.5-1.6%2028.8%204.4zm-5-145.1A32%2032%200%201%200%20418.3%2091a32%2032%200%201%200%2027.4%2057.9M405%20203.8c-35.4-11.4-61-44.6-61-83.8c0-48.6%2039.4-88%2088-88s88%2039.4%2088%2088c0%2023.5-7.5%2046.3-21.5%2065.2L449.7%20251c-10.5%2014.2-30.6%2017.2-44.8%206.7s-17.2-30.6-6.7-44.8l6.8-9.2z%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M160%2032c9%200%2017.5%203.8%2023.6%2010.4l88%2096c11.9%2013%2011.1%2033.3-2%2045.2s-33.3%2011.1-45.2-2L192%20146.3V448c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32V146.3l-32.4%2035.3c-11.9%2013-32.2%2013.9-45.2%202s-13.9-32.2-2-45.2l88-96C142.5%2035.8%20151%2032%20160%2032m290.7%20262c8.3%206%2013.3%2015.7%2013.3%2026v96h16c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-96c-17.7%200-32-14.3-32-32s14.3-32%2032-32h16v-51.6l-5.9%202c-16.8%205.6-34.9-3.5-40.5-20.2s3.5-34.9%2020.2-40.5l48-16c9.8-3.3%2020.5-1.6%2028.8%204.4zm-5-145.1A32%2032%200%201%200%20418.3%2091a32%2032%200%201%200%2027.4%2057.9M405%20203.8c-35.4-11.4-61-44.6-61-83.8c0-48.6%2039.4-88%2088-88s88%2039.4%2088%2088c0%2023.5-7.5%2046.3-21.5%2065.2L449.7%20251c-10.5%2014.2-30.6%2017.2-44.8%206.7s-17.2-30.6-6.7-44.8l6.8-9.2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/arrow-up-9-1.svg?color=%231a73e8&size=48
