top arrow emoji
top-arrow from Twitter Emoji by Twitter · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- top-arrow
- Set
- Twitter Emoji
- Style
- Default
- Category
- Symbols
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More symbols icons from Twitter Emoji
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 36 36"><path fill="#31373d" d="M25.711 10.867L18.779.652c-.602-.885-1.558-.867-2.127.037l-6.39 10.141c-.569.904-.181 1.644.865 1.644H13V16a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-3.525h1.898c1.047 0 1.414-.723.813-1.608M3.651 23.575H1.438c-.975 0-1.381-.712-1.381-1.401c0-.71.508-1.399 1.381-1.399h7.469c.874 0 1.381.689 1.381 1.399c0 .69-.406 1.401-1.381 1.401H6.696v10.189c0 1.016-.649 1.584-1.522 1.584s-1.522-.568-1.522-1.584zM10.396 28c0-4.222 2.841-7.471 6.982-7.471c4.079 0 6.983 3.351 6.983 7.471c0 4.201-2.821 7.471-6.983 7.471c-4.121 0-6.982-3.27-6.982-7.471m10.798 0c0-2.456-1.279-4.67-3.816-4.67s-3.816 2.214-3.816 4.67c0 2.476 1.239 4.668 3.816 4.668s3.816-2.192 3.816-4.668m4.433-5.644c0-.954.569-1.582 1.585-1.582h3.591c2.985 0 5.197 1.947 5.197 4.851c0 2.963-2.293 4.811-5.074 4.811h-2.253v3.329c0 1.016-.649 1.584-1.521 1.584c-.874 0-1.524-.568-1.524-1.584V22.356zm3.046 5.4h2.071c1.277 0 2.089-.934 2.089-2.151c0-1.219-.812-2.152-2.089-2.152h-2.071z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiTopArrow(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M25.711 10.867L18.779.652c-.602-.885-1.558-.867-2.127.037l-6.39 10.141c-.569.904-.181 1.644.865 1.644H13V16a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-3.525h1.898c1.047 0 1.414-.723.813-1.608M3.651 23.575H1.438c-.975 0-1.381-.712-1.381-1.401c0-.71.508-1.399 1.381-1.399h7.469c.874 0 1.381.689 1.381 1.399c0 .69-.406 1.401-1.381 1.401H6.696v10.189c0 1.016-.649 1.584-1.522 1.584s-1.522-.568-1.522-1.584zM10.396 28c0-4.222 2.841-7.471 6.982-7.471c4.079 0 6.983 3.351 6.983 7.471c0 4.201-2.821 7.471-6.983 7.471c-4.121 0-6.982-3.27-6.982-7.471m10.798 0c0-2.456-1.279-4.67-3.816-4.67s-3.816 2.214-3.816 4.67c0 2.476 1.239 4.668 3.816 4.668s3.816-2.192 3.816-4.668m4.433-5.644c0-.954.569-1.582 1.585-1.582h3.591c2.985 0 5.197 1.947 5.197 4.851c0 2.963-2.293 4.811-5.074 4.811h-2.253v3.329c0 1.016-.649 1.584-1.521 1.584c-.874 0-1.524-.568-1.524-1.584V22.356zm3.046 5.4h2.071c1.277 0 2.089-.934 2.089-2.151c0-1.219-.812-2.152-2.089-2.152h-2.071z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M25.711 10.867L18.779.652c-.602-.885-1.558-.867-2.127.037l-6.39 10.141c-.569.904-.181 1.644.865 1.644H13V16a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-3.525h1.898c1.047 0 1.414-.723.813-1.608M3.651 23.575H1.438c-.975 0-1.381-.712-1.381-1.401c0-.71.508-1.399 1.381-1.399h7.469c.874 0 1.381.689 1.381 1.399c0 .69-.406 1.401-1.381 1.401H6.696v10.189c0 1.016-.649 1.584-1.522 1.584s-1.522-.568-1.522-1.584zM10.396 28c0-4.222 2.841-7.471 6.982-7.471c4.079 0 6.983 3.351 6.983 7.471c0 4.201-2.821 7.471-6.983 7.471c-4.121 0-6.982-3.27-6.982-7.471m10.798 0c0-2.456-1.279-4.67-3.816-4.67s-3.816 2.214-3.816 4.67c0 2.476 1.239 4.668 3.816 4.668s3.816-2.192 3.816-4.668m4.433-5.644c0-.954.569-1.582 1.585-1.582h3.591c2.985 0 5.197 1.947 5.197 4.851c0 2.963-2.293 4.811-5.074 4.811h-2.253v3.329c0 1.016-.649 1.584-1.521 1.584c-.874 0-1.524-.568-1.524-1.584V22.356zm3.046 5.4h2.071c1.277 0 2.089-.934 2.089-2.151c0-1.219-.812-2.152-2.089-2.152h-2.071z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M25.711%2010.867L18.779.652c-.602-.885-1.558-.867-2.127.037l-6.39%2010.141c-.569.904-.181%201.644.865%201.644H13V16a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2v-3.525h1.898c1.047%200%201.414-.723.813-1.608M3.651%2023.575H1.438c-.975%200-1.381-.712-1.381-1.401c0-.71.508-1.399%201.381-1.399h7.469c.874%200%201.381.689%201.381%201.399c0%20.69-.406%201.401-1.381%201.401H6.696v10.189c0%201.016-.649%201.584-1.522%201.584s-1.522-.568-1.522-1.584zM10.396%2028c0-4.222%202.841-7.471%206.982-7.471c4.079%200%206.983%203.351%206.983%207.471c0%204.201-2.821%207.471-6.983%207.471c-4.121%200-6.982-3.27-6.982-7.471m10.798%200c0-2.456-1.279-4.67-3.816-4.67s-3.816%202.214-3.816%204.67c0%202.476%201.239%204.668%203.816%204.668s3.816-2.192%203.816-4.668m4.433-5.644c0-.954.569-1.582%201.585-1.582h3.591c2.985%200%205.197%201.947%205.197%204.851c0%202.963-2.293%204.811-5.074%204.811h-2.253v3.329c0%201.016-.649%201.584-1.521%201.584c-.874%200-1.524-.568-1.524-1.584V22.356zm3.046%205.4h2.071c1.277%200%202.089-.934%202.089-2.151c0-1.219-.812-2.152-2.089-2.152h-2.071z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%2331373d%22%20d%3D%22M25.711%2010.867L18.779.652c-.602-.885-1.558-.867-2.127.037l-6.39%2010.141c-.569.904-.181%201.644.865%201.644H13V16a2%202%200%200%200%202%202h6a2%202%200%200%200%202-2v-3.525h1.898c1.047%200%201.414-.723.813-1.608M3.651%2023.575H1.438c-.975%200-1.381-.712-1.381-1.401c0-.71.508-1.399%201.381-1.399h7.469c.874%200%201.381.689%201.381%201.399c0%20.69-.406%201.401-1.381%201.401H6.696v10.189c0%201.016-.649%201.584-1.522%201.584s-1.522-.568-1.522-1.584zM10.396%2028c0-4.222%202.841-7.471%206.982-7.471c4.079%200%206.983%203.351%206.983%207.471c0%204.201-2.821%207.471-6.983%207.471c-4.121%200-6.982-3.27-6.982-7.471m10.798%200c0-2.456-1.279-4.67-3.816-4.67s-3.816%202.214-3.816%204.67c0%202.476%201.239%204.668%203.816%204.668s3.816-2.192%203.816-4.668m4.433-5.644c0-.954.569-1.582%201.585-1.582h3.591c2.985%200%205.197%201.947%205.197%204.851c0%202.963-2.293%204.811-5.074%204.811h-2.253v3.329c0%201.016-.649%201.584-1.521%201.584c-.874%200-1.524-.568-1.524-1.584V22.356zm3.046%205.4h2.071c1.277%200%202.089-.934%202.089-2.151c0-1.219-.812-2.152-2.089-2.152h-2.071z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/top-arrow.svg?color=%231a73e8&size=48
