soon arrow emoji
soon-arrow from Twitter Emoji by Twitter · Default · Symbols · CC-BY-4.0 Attribution required.
- Name
- soon-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 soon arrow emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M35.311 6.652L25.17.263c-.904-.569-1.645-.181-1.645.865V3H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h21.525v1.899c0 1.046.723 1.413 1.607.811l10.215-6.931c.885-.6.868-1.557-.036-2.127M6.303 27.263c0 .537-.357 1.018-.921 1.018c-.563 0-1.002-.412-1.826-.412c-.591 0-1.126.316-1.126.893c0 1.414 4.587.509 4.587 4.052C7.017 34.776 5.396 36 3.501 36c-1.058 0-3.337-.248-3.337-1.539c0-.535.356-.976.92-.976c.645 0 1.415.536 2.308.536c.907 0 1.401-.509 1.401-1.182c0-1.62-4.588-.645-4.588-3.832c0-1.923 1.58-3.118 3.407-3.118c.768.001 2.691.289 2.691 1.374m1.213 3.681c0-2.855 1.922-5.055 4.725-5.055c2.761 0 4.725 2.268 4.725 5.055c0 2.844-1.91 5.056-4.725 5.056c-2.788 0-4.725-2.212-4.725-5.056m7.307 0c0-1.661-.866-3.159-2.583-3.159s-2.582 1.498-2.582 3.159c0 1.676.838 3.159 2.582 3.159c1.745.001 2.583-1.483 2.583-3.159m2.615 0c0-2.855 1.923-5.055 4.725-5.055c2.76 0 4.725 2.268 4.725 5.055c0 2.844-1.909 5.056-4.725 5.056c-2.789 0-4.725-2.212-4.725-5.056m7.306 0c0-1.661-.864-3.159-2.581-3.159s-2.582 1.498-2.582 3.159c0 1.676.838 3.159 2.582 3.159c1.743.001 2.581-1.483 2.581-3.159m2.918-3.9c0-.688.44-1.072 1.03-1.072c.261 0 .687.206.865.454l4.353 5.81h.028v-5.191c0-.688.439-1.072 1.031-1.072c.589 0 1.029.385 1.029 1.072v7.802c0 .688-.44 1.072-1.029 1.072c-.263 0-.675-.206-.866-.454l-4.354-5.741h-.027v5.123c0 .688-.44 1.072-1.03 1.072s-1.03-.385-1.03-1.072z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiSoonArrow(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="M35.311 6.652L25.17.263c-.904-.569-1.645-.181-1.645.865V3H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h21.525v1.899c0 1.046.723 1.413 1.607.811l10.215-6.931c.885-.6.868-1.557-.036-2.127M6.303 27.263c0 .537-.357 1.018-.921 1.018c-.563 0-1.002-.412-1.826-.412c-.591 0-1.126.316-1.126.893c0 1.414 4.587.509 4.587 4.052C7.017 34.776 5.396 36 3.501 36c-1.058 0-3.337-.248-3.337-1.539c0-.535.356-.976.92-.976c.645 0 1.415.536 2.308.536c.907 0 1.401-.509 1.401-1.182c0-1.62-4.588-.645-4.588-3.832c0-1.923 1.58-3.118 3.407-3.118c.768.001 2.691.289 2.691 1.374m1.213 3.681c0-2.855 1.922-5.055 4.725-5.055c2.761 0 4.725 2.268 4.725 5.055c0 2.844-1.91 5.056-4.725 5.056c-2.788 0-4.725-2.212-4.725-5.056m7.307 0c0-1.661-.866-3.159-2.583-3.159s-2.582 1.498-2.582 3.159c0 1.676.838 3.159 2.582 3.159c1.745.001 2.583-1.483 2.583-3.159m2.615 0c0-2.855 1.923-5.055 4.725-5.055c2.76 0 4.725 2.268 4.725 5.055c0 2.844-1.909 5.056-4.725 5.056c-2.789 0-4.725-2.212-4.725-5.056m7.306 0c0-1.661-.864-3.159-2.581-3.159s-2.582 1.498-2.582 3.159c0 1.676.838 3.159 2.582 3.159c1.743.001 2.581-1.483 2.581-3.159m2.918-3.9c0-.688.44-1.072 1.03-1.072c.261 0 .687.206.865.454l4.353 5.81h.028v-5.191c0-.688.439-1.072 1.031-1.072c.589 0 1.029.385 1.029 1.072v7.802c0 .688-.44 1.072-1.029 1.072c-.263 0-.675-.206-.866-.454l-4.354-5.741h-.027v5.123c0 .688-.44 1.072-1.03 1.072s-1.03-.385-1.03-1.072z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#31373d" d="M35.311 6.652L25.17.263c-.904-.569-1.645-.181-1.645.865V3H2a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h21.525v1.899c0 1.046.723 1.413 1.607.811l10.215-6.931c.885-.6.868-1.557-.036-2.127M6.303 27.263c0 .537-.357 1.018-.921 1.018c-.563 0-1.002-.412-1.826-.412c-.591 0-1.126.316-1.126.893c0 1.414 4.587.509 4.587 4.052C7.017 34.776 5.396 36 3.501 36c-1.058 0-3.337-.248-3.337-1.539c0-.535.356-.976.92-.976c.645 0 1.415.536 2.308.536c.907 0 1.401-.509 1.401-1.182c0-1.62-4.588-.645-4.588-3.832c0-1.923 1.58-3.118 3.407-3.118c.768.001 2.691.289 2.691 1.374m1.213 3.681c0-2.855 1.922-5.055 4.725-5.055c2.761 0 4.725 2.268 4.725 5.055c0 2.844-1.91 5.056-4.725 5.056c-2.788 0-4.725-2.212-4.725-5.056m7.307 0c0-1.661-.866-3.159-2.583-3.159s-2.582 1.498-2.582 3.159c0 1.676.838 3.159 2.582 3.159c1.745.001 2.583-1.483 2.583-3.159m2.615 0c0-2.855 1.923-5.055 4.725-5.055c2.76 0 4.725 2.268 4.725 5.055c0 2.844-1.909 5.056-4.725 5.056c-2.789 0-4.725-2.212-4.725-5.056m7.306 0c0-1.661-.864-3.159-2.581-3.159s-2.582 1.498-2.582 3.159c0 1.676.838 3.159 2.582 3.159c1.743.001 2.581-1.483 2.581-3.159m2.918-3.9c0-.688.44-1.072 1.03-1.072c.261 0 .687.206.865.454l4.353 5.81h.028v-5.191c0-.688.439-1.072 1.031-1.072c.589 0 1.029.385 1.029 1.072v7.802c0 .688-.44 1.072-1.029 1.072c-.263 0-.675-.206-.866-.454l-4.354-5.741h-.027v5.123c0 .688-.44 1.072-1.03 1.072s-1.03-.385-1.03-1.072z"/></svg> </template>
CSS
.icon-soon-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%22M35.311%206.652L25.17.263c-.904-.569-1.645-.181-1.645.865V3H2a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h21.525v1.899c0%201.046.723%201.413%201.607.811l10.215-6.931c.885-.6.868-1.557-.036-2.127M6.303%2027.263c0%20.537-.357%201.018-.921%201.018c-.563%200-1.002-.412-1.826-.412c-.591%200-1.126.316-1.126.893c0%201.414%204.587.509%204.587%204.052C7.017%2034.776%205.396%2036%203.501%2036c-1.058%200-3.337-.248-3.337-1.539c0-.535.356-.976.92-.976c.645%200%201.415.536%202.308.536c.907%200%201.401-.509%201.401-1.182c0-1.62-4.588-.645-4.588-3.832c0-1.923%201.58-3.118%203.407-3.118c.768.001%202.691.289%202.691%201.374m1.213%203.681c0-2.855%201.922-5.055%204.725-5.055c2.761%200%204.725%202.268%204.725%205.055c0%202.844-1.91%205.056-4.725%205.056c-2.788%200-4.725-2.212-4.725-5.056m7.307%200c0-1.661-.866-3.159-2.583-3.159s-2.582%201.498-2.582%203.159c0%201.676.838%203.159%202.582%203.159c1.745.001%202.583-1.483%202.583-3.159m2.615%200c0-2.855%201.923-5.055%204.725-5.055c2.76%200%204.725%202.268%204.725%205.055c0%202.844-1.909%205.056-4.725%205.056c-2.789%200-4.725-2.212-4.725-5.056m7.306%200c0-1.661-.864-3.159-2.581-3.159s-2.582%201.498-2.582%203.159c0%201.676.838%203.159%202.582%203.159c1.743.001%202.581-1.483%202.581-3.159m2.918-3.9c0-.688.44-1.072%201.03-1.072c.261%200%20.687.206.865.454l4.353%205.81h.028v-5.191c0-.688.439-1.072%201.031-1.072c.589%200%201.029.385%201.029%201.072v7.802c0%20.688-.44%201.072-1.029%201.072c-.263%200-.675-.206-.866-.454l-4.354-5.741h-.027v5.123c0%20.688-.44%201.072-1.03%201.072s-1.03-.385-1.03-1.072z%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%22M35.311%206.652L25.17.263c-.904-.569-1.645-.181-1.645.865V3H2a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h21.525v1.899c0%201.046.723%201.413%201.607.811l10.215-6.931c.885-.6.868-1.557-.036-2.127M6.303%2027.263c0%20.537-.357%201.018-.921%201.018c-.563%200-1.002-.412-1.826-.412c-.591%200-1.126.316-1.126.893c0%201.414%204.587.509%204.587%204.052C7.017%2034.776%205.396%2036%203.501%2036c-1.058%200-3.337-.248-3.337-1.539c0-.535.356-.976.92-.976c.645%200%201.415.536%202.308.536c.907%200%201.401-.509%201.401-1.182c0-1.62-4.588-.645-4.588-3.832c0-1.923%201.58-3.118%203.407-3.118c.768.001%202.691.289%202.691%201.374m1.213%203.681c0-2.855%201.922-5.055%204.725-5.055c2.761%200%204.725%202.268%204.725%205.055c0%202.844-1.91%205.056-4.725%205.056c-2.788%200-4.725-2.212-4.725-5.056m7.307%200c0-1.661-.866-3.159-2.583-3.159s-2.582%201.498-2.582%203.159c0%201.676.838%203.159%202.582%203.159c1.745.001%202.583-1.483%202.583-3.159m2.615%200c0-2.855%201.923-5.055%204.725-5.055c2.76%200%204.725%202.268%204.725%205.055c0%202.844-1.909%205.056-4.725%205.056c-2.789%200-4.725-2.212-4.725-5.056m7.306%200c0-1.661-.864-3.159-2.581-3.159s-2.582%201.498-2.582%203.159c0%201.676.838%203.159%202.582%203.159c1.743.001%202.581-1.483%202.581-3.159m2.918-3.9c0-.688.44-1.072%201.03-1.072c.261%200%20.687.206.865.454l4.353%205.81h.028v-5.191c0-.688.439-1.072%201.031-1.072c.589%200%201.029.385%201.029%201.072v7.802c0%20.688-.44%201.072-1.029%201.072c-.263%200-.675-.206-.866-.454l-4.354-5.741h-.027v5.123c0%20.688-.44%201.072-1.03%201.072s-1.03-.385-1.03-1.072z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/soon-arrow.svg?color=%231a73e8&size=48
