arrow down 9 1 icon
arrow-down-9-1 from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.
- Name
- arrow-down-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-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-downarrow-turn-up
Use the arrow down 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 480c9 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 365.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v301.7l-32.4-35.3c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96c6.1 6.6 14.6 10.4 23.6 10.4m290.7-186c-8.3-6-19.1-7.7-28.8-4.4l-48 16c-16.8 5.6-25.8 23.7-20.2 40.5s23.7 25.8 40.5 20.2l5.9-2v51.6h-16c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32h-16v-96c0-10.3-4.9-19.9-13.3-26zM418.3 91a32 32 0 1 1 27.4 57.9A32 32 0 1 1 418.3 91m-13.2 112.8l-6.8 9.2c-10.5 14.2-7.5 34.2 6.7 44.8s34.2 7.5 44.8-6.7l48.8-65.8c14-18.9 21.5-41.7 21.5-65.2c0-48.6-39.4-88-88-88s-88 39.4-88 88c0 39.2 25.6 72.4 61.1 83.8z"/></svg>
React
import type { SVGProps } from "react";
export function Fa6SolidArrowDown91(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 480c9 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 365.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v301.7l-32.4-35.3c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96c6.1 6.6 14.6 10.4 23.6 10.4m290.7-186c-8.3-6-19.1-7.7-28.8-4.4l-48 16c-16.8 5.6-25.8 23.7-20.2 40.5s23.7 25.8 40.5 20.2l5.9-2v51.6h-16c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32h-16v-96c0-10.3-4.9-19.9-13.3-26zM418.3 91a32 32 0 1 1 27.4 57.9A32 32 0 1 1 418.3 91m-13.2 112.8l-6.8 9.2c-10.5 14.2-7.5 34.2 6.7 44.8s34.2 7.5 44.8-6.7l48.8-65.8c14-18.9 21.5-41.7 21.5-65.2c0-48.6-39.4-88-88-88s-88 39.4-88 88c0 39.2 25.6 72.4 61.1 83.8z"/></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 480c9 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 365.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32v301.7l-32.4-35.3c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96c6.1 6.6 14.6 10.4 23.6 10.4m290.7-186c-8.3-6-19.1-7.7-28.8-4.4l-48 16c-16.8 5.6-25.8 23.7-20.2 40.5s23.7 25.8 40.5 20.2l5.9-2v51.6h-16c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32h-16v-96c0-10.3-4.9-19.9-13.3-26zM418.3 91a32 32 0 1 1 27.4 57.9A32 32 0 1 1 418.3 91m-13.2 112.8l-6.8 9.2c-10.5 14.2-7.5 34.2 6.7 44.8s34.2 7.5 44.8-6.7l48.8-65.8c14-18.9 21.5-41.7 21.5-65.2c0-48.6-39.4-88-88-88s-88 39.4-88 88c0 39.2 25.6 72.4 61.1 83.8z"/></svg> </template>
CSS
.icon-arrow-down-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%20480c9%200%2017.5-3.8%2023.6-10.4l88-96c11.9-13%2011.1-33.3-2-45.2s-33.3-11.1-45.2%202L192%20365.7V64c0-17.7-14.3-32-32-32s-32%2014.3-32%2032v301.7l-32.4-35.3c-11.9-13-32.2-13.9-45.2-2s-13.9%2032.2-2%2045.2l88%2096c6.1%206.6%2014.6%2010.4%2023.6%2010.4m290.7-186c-8.3-6-19.1-7.7-28.8-4.4l-48%2016c-16.8%205.6-25.8%2023.7-20.2%2040.5s23.7%2025.8%2040.5%2020.2l5.9-2v51.6h-16c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h96c17.7%200%2032-14.3%2032-32s-14.3-32-32-32h-16v-96c0-10.3-4.9-19.9-13.3-26zM418.3%2091a32%2032%200%201%201%2027.4%2057.9A32%2032%200%201%201%20418.3%2091m-13.2%20112.8l-6.8%209.2c-10.5%2014.2-7.5%2034.2%206.7%2044.8s34.2%207.5%2044.8-6.7l48.8-65.8c14-18.9%2021.5-41.7%2021.5-65.2c0-48.6-39.4-88-88-88s-88%2039.4-88%2088c0%2039.2%2025.6%2072.4%2061.1%2083.8z%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%20480c9%200%2017.5-3.8%2023.6-10.4l88-96c11.9-13%2011.1-33.3-2-45.2s-33.3-11.1-45.2%202L192%20365.7V64c0-17.7-14.3-32-32-32s-32%2014.3-32%2032v301.7l-32.4-35.3c-11.9-13-32.2-13.9-45.2-2s-13.9%2032.2-2%2045.2l88%2096c6.1%206.6%2014.6%2010.4%2023.6%2010.4m290.7-186c-8.3-6-19.1-7.7-28.8-4.4l-48%2016c-16.8%205.6-25.8%2023.7-20.2%2040.5s23.7%2025.8%2040.5%2020.2l5.9-2v51.6h-16c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032h96c17.7%200%2032-14.3%2032-32s-14.3-32-32-32h-16v-96c0-10.3-4.9-19.9-13.3-26zM418.3%2091a32%2032%200%201%201%2027.4%2057.9A32%2032%200%201%201%20418.3%2091m-13.2%20112.8l-6.8%209.2c-10.5%2014.2-7.5%2034.2%206.7%2044.8s34.2%207.5%2044.8-6.7l48.8-65.8c14-18.9%2021.5-41.7%2021.5-65.2c0-48.6-39.4-88-88-88s-88%2039.4-88%2088c0%2039.2%2025.6%2072.4%2061.1%2083.8z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/arrow-down-9-1.svg?color=%231a73e8&size=48
