skip forward 30 icon
skip-forward-30-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.
- Name
- skip-forward-30-32-regular
- Set
- Fluent UI System Icons
- Style
- 32 Regular
- Viewbox
- 32×32
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the skip forward 30 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 4v3.8c-3.066-3.223-7.701-4.973-12.015-4.909c-5.852.088-10.783 3.444-13.826 8.184a1 1 0 0 0 1.683 1.08c2.755-4.292 7.118-7.188 12.173-7.264C20.221 4.828 24.688 6.727 27.26 10H22a1 1 0 0 0 0 2h7a1 1 0 0 0 1-1V4a1 1 0 1 0-2 0M6.93 18.322a1 1 0 0 0 1.397-.257q.024-.032.093-.104c.093-.096.244-.235.459-.377C9.3 17.305 9.987 17 11 17c2.328 0 3.15 1.226 3.198 2.058c.026.45-.14.907-.534 1.266c-.394.36-1.081.676-2.164.676a1 1 0 1 0 0 2c1.083 0 1.77.315 2.165.676c.392.359.56.816.533 1.266C14.149 25.774 13.328 27 11 27c-1.013 0-1.7-.305-2.121-.584a2.8 2.8 0 0 1-.459-.377a2 2 0 0 1-.106-.12a1 1 0 0 0-1.636 1.15v.002h.002l.001.002l.003.005l.008.01a2 2 0 0 0 .08.106q.075.095.21.235c.18.186.441.422.794.655C8.49 28.555 9.554 29 11 29c3.085 0 5.069-1.774 5.195-3.942a3.57 3.57 0 0 0-1.181-2.859a4 4 0 0 0-.236-.199q.122-.096.236-.2a3.57 3.57 0 0 0 1.18-2.858C16.07 16.774 14.085 15 11 15c-1.446 0-2.51.444-3.224.916c-.353.233-.615.47-.794.655a4 4 0 0 0-.29.34l-.008.011l-.003.004l-.001.002l-.002.002c-.227.329-.12.174-.047.069l.047-.068a1 1 0 0 0 .252 1.39m12.225-1.057C19.94 15.88 21.247 15 23.101 15s3.161.88 3.945 2.265c.74 1.306.991 3.01.991 4.735s-.25 3.43-.99 4.735C26.261 28.12 24.954 29 23.1 29s-3.162-.88-3.946-2.265c-.74-1.306-.99-3.01-.99-4.735s.25-3.43.99-4.735m1.74.985c-.49.865-.73 2.161-.73 3.75s.24 2.885.73 3.75c.447.788 1.107 1.25 2.206 1.25s1.759-.462 2.205-1.25c.49-.865.731-2.161.731-3.75s-.241-2.885-.731-3.75C24.859 17.462 24.199 17 23.1 17s-1.76.462-2.206 1.25"/></svg>
React
import type { SVGProps } from "react";
export function FluentSkipForward3032Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 4v3.8c-3.066-3.223-7.701-4.973-12.015-4.909c-5.852.088-10.783 3.444-13.826 8.184a1 1 0 0 0 1.683 1.08c2.755-4.292 7.118-7.188 12.173-7.264C20.221 4.828 24.688 6.727 27.26 10H22a1 1 0 0 0 0 2h7a1 1 0 0 0 1-1V4a1 1 0 1 0-2 0M6.93 18.322a1 1 0 0 0 1.397-.257q.024-.032.093-.104c.093-.096.244-.235.459-.377C9.3 17.305 9.987 17 11 17c2.328 0 3.15 1.226 3.198 2.058c.026.45-.14.907-.534 1.266c-.394.36-1.081.676-2.164.676a1 1 0 1 0 0 2c1.083 0 1.77.315 2.165.676c.392.359.56.816.533 1.266C14.149 25.774 13.328 27 11 27c-1.013 0-1.7-.305-2.121-.584a2.8 2.8 0 0 1-.459-.377a2 2 0 0 1-.106-.12a1 1 0 0 0-1.636 1.15v.002h.002l.001.002l.003.005l.008.01a2 2 0 0 0 .08.106q.075.095.21.235c.18.186.441.422.794.655C8.49 28.555 9.554 29 11 29c3.085 0 5.069-1.774 5.195-3.942a3.57 3.57 0 0 0-1.181-2.859a4 4 0 0 0-.236-.199q.122-.096.236-.2a3.57 3.57 0 0 0 1.18-2.858C16.07 16.774 14.085 15 11 15c-1.446 0-2.51.444-3.224.916c-.353.233-.615.47-.794.655a4 4 0 0 0-.29.34l-.008.011l-.003.004l-.001.002l-.002.002c-.227.329-.12.174-.047.069l.047-.068a1 1 0 0 0 .252 1.39m12.225-1.057C19.94 15.88 21.247 15 23.101 15s3.161.88 3.945 2.265c.74 1.306.991 3.01.991 4.735s-.25 3.43-.99 4.735C26.261 28.12 24.954 29 23.1 29s-3.162-.88-3.946-2.265c-.74-1.306-.99-3.01-.99-4.735s.25-3.43.99-4.735m1.74.985c-.49.865-.73 2.161-.73 3.75s.24 2.885.73 3.75c.447.788 1.107 1.25 2.206 1.25s1.759-.462 2.205-1.25c.49-.865.731-2.161.731-3.75s-.241-2.885-.731-3.75C24.859 17.462 24.199 17 23.1 17s-1.76.462-2.206 1.25"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M28 4v3.8c-3.066-3.223-7.701-4.973-12.015-4.909c-5.852.088-10.783 3.444-13.826 8.184a1 1 0 0 0 1.683 1.08c2.755-4.292 7.118-7.188 12.173-7.264C20.221 4.828 24.688 6.727 27.26 10H22a1 1 0 0 0 0 2h7a1 1 0 0 0 1-1V4a1 1 0 1 0-2 0M6.93 18.322a1 1 0 0 0 1.397-.257q.024-.032.093-.104c.093-.096.244-.235.459-.377C9.3 17.305 9.987 17 11 17c2.328 0 3.15 1.226 3.198 2.058c.026.45-.14.907-.534 1.266c-.394.36-1.081.676-2.164.676a1 1 0 1 0 0 2c1.083 0 1.77.315 2.165.676c.392.359.56.816.533 1.266C14.149 25.774 13.328 27 11 27c-1.013 0-1.7-.305-2.121-.584a2.8 2.8 0 0 1-.459-.377a2 2 0 0 1-.106-.12a1 1 0 0 0-1.636 1.15v.002h.002l.001.002l.003.005l.008.01a2 2 0 0 0 .08.106q.075.095.21.235c.18.186.441.422.794.655C8.49 28.555 9.554 29 11 29c3.085 0 5.069-1.774 5.195-3.942a3.57 3.57 0 0 0-1.181-2.859a4 4 0 0 0-.236-.199q.122-.096.236-.2a3.57 3.57 0 0 0 1.18-2.858C16.07 16.774 14.085 15 11 15c-1.446 0-2.51.444-3.224.916c-.353.233-.615.47-.794.655a4 4 0 0 0-.29.34l-.008.011l-.003.004l-.001.002l-.002.002c-.227.329-.12.174-.047.069l.047-.068a1 1 0 0 0 .252 1.39m12.225-1.057C19.94 15.88 21.247 15 23.101 15s3.161.88 3.945 2.265c.74 1.306.991 3.01.991 4.735s-.25 3.43-.99 4.735C26.261 28.12 24.954 29 23.1 29s-3.162-.88-3.946-2.265c-.74-1.306-.99-3.01-.99-4.735s.25-3.43.99-4.735m1.74.985c-.49.865-.73 2.161-.73 3.75s.24 2.885.73 3.75c.447.788 1.107 1.25 2.206 1.25s1.759-.462 2.205-1.25c.49-.865.731-2.161.731-3.75s-.241-2.885-.731-3.75C24.859 17.462 24.199 17 23.1 17s-1.76.462-2.206 1.25"/></svg> </template>
CSS
.icon-skip-forward-30-32-regular {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%204v3.8c-3.066-3.223-7.701-4.973-12.015-4.909c-5.852.088-10.783%203.444-13.826%208.184a1%201%200%200%200%201.683%201.08c2.755-4.292%207.118-7.188%2012.173-7.264C20.221%204.828%2024.688%206.727%2027.26%2010H22a1%201%200%200%200%200%202h7a1%201%200%200%200%201-1V4a1%201%200%201%200-2%200M6.93%2018.322a1%201%200%200%200%201.397-.257q.024-.032.093-.104c.093-.096.244-.235.459-.377C9.3%2017.305%209.987%2017%2011%2017c2.328%200%203.15%201.226%203.198%202.058c.026.45-.14.907-.534%201.266c-.394.36-1.081.676-2.164.676a1%201%200%201%200%200%202c1.083%200%201.77.315%202.165.676c.392.359.56.816.533%201.266C14.149%2025.774%2013.328%2027%2011%2027c-1.013%200-1.7-.305-2.121-.584a2.8%202.8%200%200%201-.459-.377a2%202%200%200%201-.106-.12a1%201%200%200%200-1.636%201.15v.002h.002l.001.002l.003.005l.008.01a2%202%200%200%200%20.08.106q.075.095.21.235c.18.186.441.422.794.655C8.49%2028.555%209.554%2029%2011%2029c3.085%200%205.069-1.774%205.195-3.942a3.57%203.57%200%200%200-1.181-2.859a4%204%200%200%200-.236-.199q.122-.096.236-.2a3.57%203.57%200%200%200%201.18-2.858C16.07%2016.774%2014.085%2015%2011%2015c-1.446%200-2.51.444-3.224.916c-.353.233-.615.47-.794.655a4%204%200%200%200-.29.34l-.008.011l-.003.004l-.001.002l-.002.002c-.227.329-.12.174-.047.069l.047-.068a1%201%200%200%200%20.252%201.39m12.225-1.057C19.94%2015.88%2021.247%2015%2023.101%2015s3.161.88%203.945%202.265c.74%201.306.991%203.01.991%204.735s-.25%203.43-.99%204.735C26.261%2028.12%2024.954%2029%2023.1%2029s-3.162-.88-3.946-2.265c-.74-1.306-.99-3.01-.99-4.735s.25-3.43.99-4.735m1.74.985c-.49.865-.73%202.161-.73%203.75s.24%202.885.73%203.75c.447.788%201.107%201.25%202.206%201.25s1.759-.462%202.205-1.25c.49-.865.731-2.161.731-3.75s-.241-2.885-.731-3.75C24.859%2017.462%2024.199%2017%2023.1%2017s-1.76.462-2.206%201.25%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%204v3.8c-3.066-3.223-7.701-4.973-12.015-4.909c-5.852.088-10.783%203.444-13.826%208.184a1%201%200%200%200%201.683%201.08c2.755-4.292%207.118-7.188%2012.173-7.264C20.221%204.828%2024.688%206.727%2027.26%2010H22a1%201%200%200%200%200%202h7a1%201%200%200%200%201-1V4a1%201%200%201%200-2%200M6.93%2018.322a1%201%200%200%200%201.397-.257q.024-.032.093-.104c.093-.096.244-.235.459-.377C9.3%2017.305%209.987%2017%2011%2017c2.328%200%203.15%201.226%203.198%202.058c.026.45-.14.907-.534%201.266c-.394.36-1.081.676-2.164.676a1%201%200%201%200%200%202c1.083%200%201.77.315%202.165.676c.392.359.56.816.533%201.266C14.149%2025.774%2013.328%2027%2011%2027c-1.013%200-1.7-.305-2.121-.584a2.8%202.8%200%200%201-.459-.377a2%202%200%200%201-.106-.12a1%201%200%200%200-1.636%201.15v.002h.002l.001.002l.003.005l.008.01a2%202%200%200%200%20.08.106q.075.095.21.235c.18.186.441.422.794.655C8.49%2028.555%209.554%2029%2011%2029c3.085%200%205.069-1.774%205.195-3.942a3.57%203.57%200%200%200-1.181-2.859a4%204%200%200%200-.236-.199q.122-.096.236-.2a3.57%203.57%200%200%200%201.18-2.858C16.07%2016.774%2014.085%2015%2011%2015c-1.446%200-2.51.444-3.224.916c-.353.233-.615.47-.794.655a4%204%200%200%200-.29.34l-.008.011l-.003.004l-.001.002l-.002.002c-.227.329-.12.174-.047.069l.047-.068a1%201%200%200%200%20.252%201.39m12.225-1.057C19.94%2015.88%2021.247%2015%2023.101%2015s3.161.88%203.945%202.265c.74%201.306.991%203.01.991%204.735s-.25%203.43-.99%204.735C26.261%2028.12%2024.954%2029%2023.1%2029s-3.162-.88-3.946-2.265c-.74-1.306-.99-3.01-.99-4.735s.25-3.43.99-4.735m1.74.985c-.49.865-.73%202.161-.73%203.75s.24%202.885.73%203.75c.447.788%201.107%201.25%202.206%201.25s1.759-.462%202.205-1.25c.49-.865.731-2.161.731-3.75s-.241-2.885-.731-3.75C24.859%2017.462%2024.199%2017%2023.1%2017s-1.76.462-2.206%201.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/skip-forward-30-32-regular.svg?color=%231a73e8&size=48
