forward 5 seconds icon
forward-5-seconds-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- forward-5-seconds-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the forward 5 seconds icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19.48 7.09a.747.747 0 1 0-1.16.94c1.13 1.4 1.76 3.06 1.82 4.8c.16 4.48-3.36 8.26-7.85 8.41c-4.49.16-8.26-3.36-8.42-7.84s3.36-8.26 7.85-8.41c.57-.02 1.17.03 1.82.16c.04.01.08 0 .12 0c.1.05.22.08.33.08a.7.7 0 0 0 .47-.17c.32-.26.37-.73.12-1.05L12.6 1.54a.75.75 0 0 0-1.05-.12c-.32.26-.37.73-.12 1.05l.83 1.03c-.19-.01-.39-.02-.58-.01c-5.31.18-9.48 4.66-9.29 9.97s4.66 9.48 9.97 9.29s9.48-4.66 9.29-9.97a9.63 9.63 0 0 0-2.17-5.69"/><path d="M12.38 16.92h-2.29c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.29a.781.781 0 0 0 0-1.56h-2.29c-.24 0-.47-.12-.61-.31a.75.75 0 0 1-.1-.68l.76-2.29c.1-.31.39-.51.71-.51h3.06c.41 0 .75.34.75.75s-.34.75-.75.75h-2.52l-.26.79h1.25a2.279 2.279 0 1 1 0 4.56"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconForward5SecondsFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19.48 7.09a.747.747 0 1 0-1.16.94c1.13 1.4 1.76 3.06 1.82 4.8c.16 4.48-3.36 8.26-7.85 8.41c-4.49.16-8.26-3.36-8.42-7.84s3.36-8.26 7.85-8.41c.57-.02 1.17.03 1.82.16c.04.01.08 0 .12 0c.1.05.22.08.33.08a.7.7 0 0 0 .47-.17c.32-.26.37-.73.12-1.05L12.6 1.54a.75.75 0 0 0-1.05-.12c-.32.26-.37.73-.12 1.05l.83 1.03c-.19-.01-.39-.02-.58-.01c-5.31.18-9.48 4.66-9.29 9.97s4.66 9.48 9.97 9.29s9.48-4.66 9.29-9.97a9.63 9.63 0 0 0-2.17-5.69"/><path d="M12.38 16.92h-2.29c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.29a.781.781 0 0 0 0-1.56h-2.29c-.24 0-.47-.12-.61-.31a.75.75 0 0 1-.1-.68l.76-2.29c.1-.31.39-.51.71-.51h3.06c.41 0 .75.34.75.75s-.34.75-.75.75h-2.52l-.26.79h1.25a2.279 2.279 0 1 1 0 4.56"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M19.48 7.09a.747.747 0 1 0-1.16.94c1.13 1.4 1.76 3.06 1.82 4.8c.16 4.48-3.36 8.26-7.85 8.41c-4.49.16-8.26-3.36-8.42-7.84s3.36-8.26 7.85-8.41c.57-.02 1.17.03 1.82.16c.04.01.08 0 .12 0c.1.05.22.08.33.08a.7.7 0 0 0 .47-.17c.32-.26.37-.73.12-1.05L12.6 1.54a.75.75 0 0 0-1.05-.12c-.32.26-.37.73-.12 1.05l.83 1.03c-.19-.01-.39-.02-.58-.01c-5.31.18-9.48 4.66-9.29 9.97s4.66 9.48 9.97 9.29s9.48-4.66 9.29-9.97a9.63 9.63 0 0 0-2.17-5.69"/><path d="M12.38 16.92h-2.29c-.41 0-.75-.34-.75-.75s.34-.75.75-.75h2.29a.781.781 0 0 0 0-1.56h-2.29c-.24 0-.47-.12-.61-.31a.75.75 0 0 1-.1-.68l.76-2.29c.1-.31.39-.51.71-.51h3.06c.41 0 .75.34.75.75s-.34.75-.75.75h-2.52l-.26.79h1.25a2.279 2.279 0 1 1 0 4.56"/></g></svg> </template>
CSS
.icon-forward-5-seconds-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M19.48%207.09a.747.747%200%201%200-1.16.94c1.13%201.4%201.76%203.06%201.82%204.8c.16%204.48-3.36%208.26-7.85%208.41c-4.49.16-8.26-3.36-8.42-7.84s3.36-8.26%207.85-8.41c.57-.02%201.17.03%201.82.16c.04.01.08%200%20.12%200c.1.05.22.08.33.08a.7.7%200%200%200%20.47-.17c.32-.26.37-.73.12-1.05L12.6%201.54a.75.75%200%200%200-1.05-.12c-.32.26-.37.73-.12%201.05l.83%201.03c-.19-.01-.39-.02-.58-.01c-5.31.18-9.48%204.66-9.29%209.97s4.66%209.48%209.97%209.29s9.48-4.66%209.29-9.97a9.63%209.63%200%200%200-2.17-5.69%22%2F%3E%3Cpath%20d%3D%22M12.38%2016.92h-2.29c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h2.29a.781.781%200%200%200%200-1.56h-2.29c-.24%200-.47-.12-.61-.31a.75.75%200%200%201-.1-.68l.76-2.29c.1-.31.39-.51.71-.51h3.06c.41%200%20.75.34.75.75s-.34.75-.75.75h-2.52l-.26.79h1.25a2.279%202.279%200%201%201%200%204.56%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M19.48%207.09a.747.747%200%201%200-1.16.94c1.13%201.4%201.76%203.06%201.82%204.8c.16%204.48-3.36%208.26-7.85%208.41c-4.49.16-8.26-3.36-8.42-7.84s3.36-8.26%207.85-8.41c.57-.02%201.17.03%201.82.16c.04.01.08%200%20.12%200c.1.05.22.08.33.08a.7.7%200%200%200%20.47-.17c.32-.26.37-.73.12-1.05L12.6%201.54a.75.75%200%200%200-1.05-.12c-.32.26-.37.73-.12%201.05l.83%201.03c-.19-.01-.39-.02-.58-.01c-5.31.18-9.48%204.66-9.29%209.97s4.66%209.48%209.97%209.29s9.48-4.66%209.29-9.97a9.63%209.63%200%200%200-2.17-5.69%22%2F%3E%3Cpath%20d%3D%22M12.38%2016.92h-2.29c-.41%200-.75-.34-.75-.75s.34-.75.75-.75h2.29a.781.781%200%200%200%200-1.56h-2.29c-.24%200-.47-.12-.61-.31a.75.75%200%200%201-.1-.68l.76-2.29c.1-.31.39-.51.71-.51h3.06c.41%200%20.75.34.75.75s-.34.75-.75.75h-2.52l-.26.79h1.25a2.279%202.279%200%201%201%200%204.56%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/forward-5-seconds-filled.svg?color=%231a73e8&size=48
