forward right icon
forward-right-filled from Reicon by REICON · Filled · Messages · MIT Free for personal and commercial use.
- Name
- forward-right-filled
- Set
- Reicon
- Style
- Filled
- Category
- Messages
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
More messages icons from Reicon
at-signchatchat-checkchat-dotschat-linechat-minuschat-pluschat-roundchat-round-callchat-round-checkchat-round-dotschat-round-likechat-round-linechat-round-moneychat-round-unreadchat-round-videochat-squarechat-square-arrowchat-square-callchat-square-checkchat-square-codechat-square-likechat-unreadchat-x
Use the forward right icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.955 5.183l4.978 4.425c.93.827 1.396 1.24 1.567 1.73a2 2 0 0 1 0 1.324c-.171.489-.637.902-1.567 1.73l-4.978 4.424c-.422.376-.633.563-.813.57a.5.5 0 0 1-.404-.182c-.114-.138-.114-.42-.114-.986v-2.79c-2.429 0-4.993.78-6.866 2.165c-.975.72-1.462 1.08-1.648 1.067a.45.45 0 0 1-.39-.24c-.096-.16-.01-.658.16-1.653C4.983 10.3 9.433 8.57 12.623 8.57V5.78c0-.565 0-.847.114-.986a.5.5 0 0 1 .404-.181c.18.006.39.194.813.57"/></svg>
React
import type { SVGProps } from "react";
export function ReiconForwardRightFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.955 5.183l4.978 4.425c.93.827 1.396 1.24 1.567 1.73a2 2 0 0 1 0 1.324c-.171.489-.637.902-1.567 1.73l-4.978 4.424c-.422.376-.633.563-.813.57a.5.5 0 0 1-.404-.182c-.114-.138-.114-.42-.114-.986v-2.79c-2.429 0-4.993.78-6.866 2.165c-.975.72-1.462 1.08-1.648 1.067a.45.45 0 0 1-.39-.24c-.096-.16-.01-.658.16-1.653C4.983 10.3 9.433 8.57 12.623 8.57V5.78c0-.565 0-.847.114-.986a.5.5 0 0 1 .404-.181c.18.006.39.194.813.57"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.955 5.183l4.978 4.425c.93.827 1.396 1.24 1.567 1.73a2 2 0 0 1 0 1.324c-.171.489-.637.902-1.567 1.73l-4.978 4.424c-.422.376-.633.563-.813.57a.5.5 0 0 1-.404-.182c-.114-.138-.114-.42-.114-.986v-2.79c-2.429 0-4.993.78-6.866 2.165c-.975.72-1.462 1.08-1.648 1.067a.45.45 0 0 1-.39-.24c-.096-.16-.01-.658.16-1.653C4.983 10.3 9.433 8.57 12.623 8.57V5.78c0-.565 0-.847.114-.986a.5.5 0 0 1 .404-.181c.18.006.39.194.813.57"/></svg> </template>
CSS
.icon-forward-right-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.955%205.183l4.978%204.425c.93.827%201.396%201.24%201.567%201.73a2%202%200%200%201%200%201.324c-.171.489-.637.902-1.567%201.73l-4.978%204.424c-.422.376-.633.563-.813.57a.5.5%200%200%201-.404-.182c-.114-.138-.114-.42-.114-.986v-2.79c-2.429%200-4.993.78-6.866%202.165c-.975.72-1.462%201.08-1.648%201.067a.45.45%200%200%201-.39-.24c-.096-.16-.01-.658.16-1.653C4.983%2010.3%209.433%208.57%2012.623%208.57V5.78c0-.565%200-.847.114-.986a.5.5%200%200%201%20.404-.181c.18.006.39.194.813.57%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m13.955%205.183l4.978%204.425c.93.827%201.396%201.24%201.567%201.73a2%202%200%200%201%200%201.324c-.171.489-.637.902-1.567%201.73l-4.978%204.424c-.422.376-.633.563-.813.57a.5.5%200%200%201-.404-.182c-.114-.138-.114-.42-.114-.986v-2.79c-2.429%200-4.993.78-6.866%202.165c-.975.72-1.462%201.08-1.648%201.067a.45.45%200%200%201-.39-.24c-.096-.16-.01-.658.16-1.653C4.983%2010.3%209.433%208.57%2012.623%208.57V5.78c0-.565%200-.847.114-.986a.5.5%200%200%201%20.404-.181c.18.006.39.194.813.57%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/forward-right-filled.svg?color=%231a73e8&size=48
