top arrow emoji
top-arrow from Fluent Emoji High Contrast by Microsoft Corporation · Default · Symbols · MIT Free for personal and commercial use.
- Name
- top-arrow
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Symbols
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More symbols icons from Fluent Emoji High Contrast
a-button-blood-typeab-button-blood-typeantenna-barsaquariusariesatm-signatom-symbolb-button-blood-typebaby-symbolback-arrowbaggage-claimbiohazardblack-circleblack-large-squareblack-medium-small-squareblack-medium-squareblack-small-squareblack-square-buttonblue-circleblue-squarebright-buttonbrown-circlebrown-squarecancer
Use the top arrow emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m7.715 10.44l7.57-8.13a.99.99 0 0 1 1.43-.01l7.57 8.13c.56.596.12 1.563-.71 1.563h-3.64c-.35 0-.64.284-.64.625v5.195c0 .645-.53 1.163-1.19 1.163h-4.22c-.65 0-1.19-.518-1.18-1.153v-5.195a.637.637 0 0 0-.64-.625h-3.64c-.83 0-1.27-.958-.71-1.564m4.725 10.379H6c-.55 0-1 .45-1 1s.45 1 1 1h2.22v6.17c0 .55.45 1 1 1s1-.45 1-1v-6.17h2.22c.55 0 1-.45 1-1c0-.56-.45-1-1-1m9.39.01h2.77c1.51 0 2.74 1.23 2.74 2.74s-1.23 2.74-2.74 2.74h-1.77v2.69c0 .55-.45 1-1 1s-1-.45-1-1v-7.17c0-.55.45-1 1-1m1 3.48h1.77c.41 0 .74-.33.74-.74s-.33-.74-.74-.74h-1.77zm-9.39 2.55c0 1.73 1.41 3.14 3.15 3.14c1.73 0 3.15-1.41 3.15-3.14v-2.88c0-1.73-1.41-3.14-3.15-3.14s-3.15 1.41-3.15 3.14zm2-2.88a1.15 1.15 0 0 1 2.3 0v2.88c0 .64-.52 1.15-1.15 1.15s-1.15-.52-1.15-1.15z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastTopArrow(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m7.715 10.44l7.57-8.13a.99.99 0 0 1 1.43-.01l7.57 8.13c.56.596.12 1.563-.71 1.563h-3.64c-.35 0-.64.284-.64.625v5.195c0 .645-.53 1.163-1.19 1.163h-4.22c-.65 0-1.19-.518-1.18-1.153v-5.195a.637.637 0 0 0-.64-.625h-3.64c-.83 0-1.27-.958-.71-1.564m4.725 10.379H6c-.55 0-1 .45-1 1s.45 1 1 1h2.22v6.17c0 .55.45 1 1 1s1-.45 1-1v-6.17h2.22c.55 0 1-.45 1-1c0-.56-.45-1-1-1m9.39.01h2.77c1.51 0 2.74 1.23 2.74 2.74s-1.23 2.74-2.74 2.74h-1.77v2.69c0 .55-.45 1-1 1s-1-.45-1-1v-7.17c0-.55.45-1 1-1m1 3.48h1.77c.41 0 .74-.33.74-.74s-.33-.74-.74-.74h-1.77zm-9.39 2.55c0 1.73 1.41 3.14 3.15 3.14c1.73 0 3.15-1.41 3.15-3.14v-2.88c0-1.73-1.41-3.14-3.15-3.14s-3.15 1.41-3.15 3.14zm2-2.88a1.15 1.15 0 0 1 2.3 0v2.88c0 .64-.52 1.15-1.15 1.15s-1.15-.52-1.15-1.15z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m7.715 10.44l7.57-8.13a.99.99 0 0 1 1.43-.01l7.57 8.13c.56.596.12 1.563-.71 1.563h-3.64c-.35 0-.64.284-.64.625v5.195c0 .645-.53 1.163-1.19 1.163h-4.22c-.65 0-1.19-.518-1.18-1.153v-5.195a.637.637 0 0 0-.64-.625h-3.64c-.83 0-1.27-.958-.71-1.564m4.725 10.379H6c-.55 0-1 .45-1 1s.45 1 1 1h2.22v6.17c0 .55.45 1 1 1s1-.45 1-1v-6.17h2.22c.55 0 1-.45 1-1c0-.56-.45-1-1-1m9.39.01h2.77c1.51 0 2.74 1.23 2.74 2.74s-1.23 2.74-2.74 2.74h-1.77v2.69c0 .55-.45 1-1 1s-1-.45-1-1v-7.17c0-.55.45-1 1-1m1 3.48h1.77c.41 0 .74-.33.74-.74s-.33-.74-.74-.74h-1.77zm-9.39 2.55c0 1.73 1.41 3.14 3.15 3.14c1.73 0 3.15-1.41 3.15-3.14v-2.88c0-1.73-1.41-3.14-3.15-3.14s-3.15 1.41-3.15 3.14zm2-2.88a1.15 1.15 0 0 1 2.3 0v2.88c0 .64-.52 1.15-1.15 1.15s-1.15-.52-1.15-1.15z"/></svg> </template>
CSS
.icon-top-arrow {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.715%2010.44l7.57-8.13a.99.99%200%200%201%201.43-.01l7.57%208.13c.56.596.12%201.563-.71%201.563h-3.64c-.35%200-.64.284-.64.625v5.195c0%20.645-.53%201.163-1.19%201.163h-4.22c-.65%200-1.19-.518-1.18-1.153v-5.195a.637.637%200%200%200-.64-.625h-3.64c-.83%200-1.27-.958-.71-1.564m4.725%2010.379H6c-.55%200-1%20.45-1%201s.45%201%201%201h2.22v6.17c0%20.55.45%201%201%201s1-.45%201-1v-6.17h2.22c.55%200%201-.45%201-1c0-.56-.45-1-1-1m9.39.01h2.77c1.51%200%202.74%201.23%202.74%202.74s-1.23%202.74-2.74%202.74h-1.77v2.69c0%20.55-.45%201-1%201s-1-.45-1-1v-7.17c0-.55.45-1%201-1m1%203.48h1.77c.41%200%20.74-.33.74-.74s-.33-.74-.74-.74h-1.77zm-9.39%202.55c0%201.73%201.41%203.14%203.15%203.14c1.73%200%203.15-1.41%203.15-3.14v-2.88c0-1.73-1.41-3.14-3.15-3.14s-3.15%201.41-3.15%203.14zm2-2.88a1.15%201.15%200%200%201%202.3%200v2.88c0%20.64-.52%201.15-1.15%201.15s-1.15-.52-1.15-1.15z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m7.715%2010.44l7.57-8.13a.99.99%200%200%201%201.43-.01l7.57%208.13c.56.596.12%201.563-.71%201.563h-3.64c-.35%200-.64.284-.64.625v5.195c0%20.645-.53%201.163-1.19%201.163h-4.22c-.65%200-1.19-.518-1.18-1.153v-5.195a.637.637%200%200%200-.64-.625h-3.64c-.83%200-1.27-.958-.71-1.564m4.725%2010.379H6c-.55%200-1%20.45-1%201s.45%201%201%201h2.22v6.17c0%20.55.45%201%201%201s1-.45%201-1v-6.17h2.22c.55%200%201-.45%201-1c0-.56-.45-1-1-1m9.39.01h2.77c1.51%200%202.74%201.23%202.74%202.74s-1.23%202.74-2.74%202.74h-1.77v2.69c0%20.55-.45%201-1%201s-1-.45-1-1v-7.17c0-.55.45-1%201-1m1%203.48h1.77c.41%200%20.74-.33.74-.74s-.33-.74-.74-.74h-1.77zm-9.39%202.55c0%201.73%201.41%203.14%203.15%203.14c1.73%200%203.15-1.41%203.15-3.14v-2.88c0-1.73-1.41-3.14-3.15-3.14s-3.15%201.41-3.15%203.14zm2-2.88a1.15%201.15%200%200%201%202.3%200v2.88c0%20.64-.52%201.15-1.15%201.15s-1.15-.52-1.15-1.15z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/top-arrow.svg?color=%231a73e8&size=48
