fast forward icon
fast-forward-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- fast-forward-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
fast-forward-filledAnt Design Iconsfast-forwardBootstrap Iconsfast-forwardBoxIcons v2fast-forwardFont Awesome Solidfast-forwardFeather Iconsfast-forward-16-filledFluent UI System Iconsfast-forwardHuge Iconsfast-forwardHumbleiconsfast-forwardJam Iconsfast-forwardLine Awesomefast-forwardLucidefast-forwardMage Iconsfast-forwardMajesticonsfast-forwardMaterial Symbolsfast-forwardMaterial Symbols Lightfast-forwardMaterial Design Iconsfast-forward-fillMingCute Iconfast-forwardPrime Icons
Related icons in Phosphor
Use the fast forward icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m247.59 116.35l-88.18-56.17a14 14 0 0 0-14.22-.46A13.83 13.83 0 0 0 138 71.84v41L55.41 60.18a14 14 0 0 0-14.22-.46A13.83 13.83 0 0 0 34 71.84v112.32a13.83 13.83 0 0 0 7.19 12.12a14 14 0 0 0 14.22-.46L138 143.21v40.95a13.83 13.83 0 0 0 7.19 12.12a14 14 0 0 0 14.22-.46l88.18-56.17a13.79 13.79 0 0 0 0-23.3m-110.44 13.18L49 185.69a1.9 1.9 0 0 1-2 .06a1.73 1.73 0 0 1-1-1.59V71.84a1.73 1.73 0 0 1 1-1.59a2 2 0 0 1 1-.26a1.87 1.87 0 0 1 1 .32l88.19 56.16a1.8 1.8 0 0 1 0 3.06Zm104 0L153 185.69a1.9 1.9 0 0 1-2 .06a1.73 1.73 0 0 1-1-1.59V71.84a1.73 1.73 0 0 1 1-1.59a2 2 0 0 1 1-.26a1.87 1.87 0 0 1 1 .32l88.19 56.16a1.8 1.8 0 0 1 0 3.06Z"/></svg>
React
import type { SVGProps } from "react";
export function PhFastForwardLight(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m247.59 116.35l-88.18-56.17a14 14 0 0 0-14.22-.46A13.83 13.83 0 0 0 138 71.84v41L55.41 60.18a14 14 0 0 0-14.22-.46A13.83 13.83 0 0 0 34 71.84v112.32a13.83 13.83 0 0 0 7.19 12.12a14 14 0 0 0 14.22-.46L138 143.21v40.95a13.83 13.83 0 0 0 7.19 12.12a14 14 0 0 0 14.22-.46l88.18-56.17a13.79 13.79 0 0 0 0-23.3m-110.44 13.18L49 185.69a1.9 1.9 0 0 1-2 .06a1.73 1.73 0 0 1-1-1.59V71.84a1.73 1.73 0 0 1 1-1.59a2 2 0 0 1 1-.26a1.87 1.87 0 0 1 1 .32l88.19 56.16a1.8 1.8 0 0 1 0 3.06Zm104 0L153 185.69a1.9 1.9 0 0 1-2 .06a1.73 1.73 0 0 1-1-1.59V71.84a1.73 1.73 0 0 1 1-1.59a2 2 0 0 1 1-.26a1.87 1.87 0 0 1 1 .32l88.19 56.16a1.8 1.8 0 0 1 0 3.06Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m247.59 116.35l-88.18-56.17a14 14 0 0 0-14.22-.46A13.83 13.83 0 0 0 138 71.84v41L55.41 60.18a14 14 0 0 0-14.22-.46A13.83 13.83 0 0 0 34 71.84v112.32a13.83 13.83 0 0 0 7.19 12.12a14 14 0 0 0 14.22-.46L138 143.21v40.95a13.83 13.83 0 0 0 7.19 12.12a14 14 0 0 0 14.22-.46l88.18-56.17a13.79 13.79 0 0 0 0-23.3m-110.44 13.18L49 185.69a1.9 1.9 0 0 1-2 .06a1.73 1.73 0 0 1-1-1.59V71.84a1.73 1.73 0 0 1 1-1.59a2 2 0 0 1 1-.26a1.87 1.87 0 0 1 1 .32l88.19 56.16a1.8 1.8 0 0 1 0 3.06Zm104 0L153 185.69a1.9 1.9 0 0 1-2 .06a1.73 1.73 0 0 1-1-1.59V71.84a1.73 1.73 0 0 1 1-1.59a2 2 0 0 1 1-.26a1.87 1.87 0 0 1 1 .32l88.19 56.16a1.8 1.8 0 0 1 0 3.06Z"/></svg> </template>
CSS
.icon-fast-forward-light {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m247.59%20116.35l-88.18-56.17a14%2014%200%200%200-14.22-.46A13.83%2013.83%200%200%200%20138%2071.84v41L55.41%2060.18a14%2014%200%200%200-14.22-.46A13.83%2013.83%200%200%200%2034%2071.84v112.32a13.83%2013.83%200%200%200%207.19%2012.12a14%2014%200%200%200%2014.22-.46L138%20143.21v40.95a13.83%2013.83%200%200%200%207.19%2012.12a14%2014%200%200%200%2014.22-.46l88.18-56.17a13.79%2013.79%200%200%200%200-23.3m-110.44%2013.18L49%20185.69a1.9%201.9%200%200%201-2%20.06a1.73%201.73%200%200%201-1-1.59V71.84a1.73%201.73%200%200%201%201-1.59a2%202%200%200%201%201-.26a1.87%201.87%200%200%201%201%20.32l88.19%2056.16a1.8%201.8%200%200%201%200%203.06Zm104%200L153%20185.69a1.9%201.9%200%200%201-2%20.06a1.73%201.73%200%200%201-1-1.59V71.84a1.73%201.73%200%200%201%201-1.59a2%202%200%200%201%201-.26a1.87%201.87%200%200%201%201%20.32l88.19%2056.16a1.8%201.8%200%200%201%200%203.06Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m247.59%20116.35l-88.18-56.17a14%2014%200%200%200-14.22-.46A13.83%2013.83%200%200%200%20138%2071.84v41L55.41%2060.18a14%2014%200%200%200-14.22-.46A13.83%2013.83%200%200%200%2034%2071.84v112.32a13.83%2013.83%200%200%200%207.19%2012.12a14%2014%200%200%200%2014.22-.46L138%20143.21v40.95a13.83%2013.83%200%200%200%207.19%2012.12a14%2014%200%200%200%2014.22-.46l88.18-56.17a13.79%2013.79%200%200%200%200-23.3m-110.44%2013.18L49%20185.69a1.9%201.9%200%200%201-2%20.06a1.73%201.73%200%200%201-1-1.59V71.84a1.73%201.73%200%200%201%201-1.59a2%202%200%200%201%201-.26a1.87%201.87%200%200%201%201%20.32l88.19%2056.16a1.8%201.8%200%200%201%200%203.06Zm104%200L153%20185.69a1.9%201.9%200%200%201-2%20.06a1.73%201.73%200%200%201-1-1.59V71.84a1.73%201.73%200%200%201%201-1.59a2%202%200%200%201%201-.26a1.87%201.87%200%200%201%201%20.32l88.19%2056.16a1.8%201.8%200%200%201%200%203.06Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/fast-forward-light.svg?color=%231a73e8&size=48
