goforward plus icon
goforward-plus from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- goforward-plus
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
Related icons in Framework7 Icons
Use the goforward plus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 54.402c13.055 0 23.906-10.828 23.906-23.906c0-7.875-3.984-14.953-10.008-19.336c-1.03-.797-2.32-.539-2.906.422c-.586.984-.281 2.086.656 2.813c4.993 3.562 8.25 9.445 8.274 16.101C47.945 41.56 39.039 50.418 28 50.418c-11.063 0-19.899-8.86-19.899-19.922c0-9.492 6.516-17.39 15.376-19.406v3.375c0 1.664 1.148 2.11 2.413 1.195l7.5-5.25c1.055-.726 1.079-1.851 0-2.625l-7.476-5.25c-1.29-.937-2.437-.492-2.437 1.196v3.304C12.507 9.168 4.094 18.965 4.094 30.496c0 13.078 10.828 23.906 23.906 23.906m-.047-13.664c1.078 0 1.734-.726 1.734-1.875V32.84h6.329c1.125 0 1.898-.61 1.898-1.664c0-1.055-.703-1.688-1.898-1.688h-6.329v-6.375c0-1.172-.656-1.898-1.734-1.898c-1.055 0-1.64.773-1.64 1.898v6.375H19.96c-1.149 0-1.899.633-1.899 1.688s.797 1.664 1.899 1.664h6.351v6.023c0 1.102.586 1.875 1.641 1.875"/></svg>
React
import type { SVGProps } from "react";
export function F7GoforwardPlus(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 54.402c13.055 0 23.906-10.828 23.906-23.906c0-7.875-3.984-14.953-10.008-19.336c-1.03-.797-2.32-.539-2.906.422c-.586.984-.281 2.086.656 2.813c4.993 3.562 8.25 9.445 8.274 16.101C47.945 41.56 39.039 50.418 28 50.418c-11.063 0-19.899-8.86-19.899-19.922c0-9.492 6.516-17.39 15.376-19.406v3.375c0 1.664 1.148 2.11 2.413 1.195l7.5-5.25c1.055-.726 1.079-1.851 0-2.625l-7.476-5.25c-1.29-.937-2.437-.492-2.437 1.196v3.304C12.507 9.168 4.094 18.965 4.094 30.496c0 13.078 10.828 23.906 23.906 23.906m-.047-13.664c1.078 0 1.734-.726 1.734-1.875V32.84h6.329c1.125 0 1.898-.61 1.898-1.664c0-1.055-.703-1.688-1.898-1.688h-6.329v-6.375c0-1.172-.656-1.898-1.734-1.898c-1.055 0-1.64.773-1.64 1.898v6.375H19.96c-1.149 0-1.899.633-1.899 1.688s.797 1.664 1.899 1.664h6.351v6.023c0 1.102.586 1.875 1.641 1.875"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28 54.402c13.055 0 23.906-10.828 23.906-23.906c0-7.875-3.984-14.953-10.008-19.336c-1.03-.797-2.32-.539-2.906.422c-.586.984-.281 2.086.656 2.813c4.993 3.562 8.25 9.445 8.274 16.101C47.945 41.56 39.039 50.418 28 50.418c-11.063 0-19.899-8.86-19.899-19.922c0-9.492 6.516-17.39 15.376-19.406v3.375c0 1.664 1.148 2.11 2.413 1.195l7.5-5.25c1.055-.726 1.079-1.851 0-2.625l-7.476-5.25c-1.29-.937-2.437-.492-2.437 1.196v3.304C12.507 9.168 4.094 18.965 4.094 30.496c0 13.078 10.828 23.906 23.906 23.906m-.047-13.664c1.078 0 1.734-.726 1.734-1.875V32.84h6.329c1.125 0 1.898-.61 1.898-1.664c0-1.055-.703-1.688-1.898-1.688h-6.329v-6.375c0-1.172-.656-1.898-1.734-1.898c-1.055 0-1.64.773-1.64 1.898v6.375H19.96c-1.149 0-1.899.633-1.899 1.688s.797 1.664 1.899 1.664h6.351v6.023c0 1.102.586 1.875 1.641 1.875"/></svg> </template>
CSS
.icon-goforward-plus {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2054.402c13.055%200%2023.906-10.828%2023.906-23.906c0-7.875-3.984-14.953-10.008-19.336c-1.03-.797-2.32-.539-2.906.422c-.586.984-.281%202.086.656%202.813c4.993%203.562%208.25%209.445%208.274%2016.101C47.945%2041.56%2039.039%2050.418%2028%2050.418c-11.063%200-19.899-8.86-19.899-19.922c0-9.492%206.516-17.39%2015.376-19.406v3.375c0%201.664%201.148%202.11%202.413%201.195l7.5-5.25c1.055-.726%201.079-1.851%200-2.625l-7.476-5.25c-1.29-.937-2.437-.492-2.437%201.196v3.304C12.507%209.168%204.094%2018.965%204.094%2030.496c0%2013.078%2010.828%2023.906%2023.906%2023.906m-.047-13.664c1.078%200%201.734-.726%201.734-1.875V32.84h6.329c1.125%200%201.898-.61%201.898-1.664c0-1.055-.703-1.688-1.898-1.688h-6.329v-6.375c0-1.172-.656-1.898-1.734-1.898c-1.055%200-1.64.773-1.64%201.898v6.375H19.96c-1.149%200-1.899.633-1.899%201.688s.797%201.664%201.899%201.664h6.351v6.023c0%201.102.586%201.875%201.641%201.875%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28%2054.402c13.055%200%2023.906-10.828%2023.906-23.906c0-7.875-3.984-14.953-10.008-19.336c-1.03-.797-2.32-.539-2.906.422c-.586.984-.281%202.086.656%202.813c4.993%203.562%208.25%209.445%208.274%2016.101C47.945%2041.56%2039.039%2050.418%2028%2050.418c-11.063%200-19.899-8.86-19.899-19.922c0-9.492%206.516-17.39%2015.376-19.406v3.375c0%201.664%201.148%202.11%202.413%201.195l7.5-5.25c1.055-.726%201.079-1.851%200-2.625l-7.476-5.25c-1.29-.937-2.437-.492-2.437%201.196v3.304C12.507%209.168%204.094%2018.965%204.094%2030.496c0%2013.078%2010.828%2023.906%2023.906%2023.906m-.047-13.664c1.078%200%201.734-.726%201.734-1.875V32.84h6.329c1.125%200%201.898-.61%201.898-1.664c0-1.055-.703-1.688-1.898-1.688h-6.329v-6.375c0-1.172-.656-1.898-1.734-1.898c-1.055%200-1.64.773-1.64%201.898v6.375H19.96c-1.149%200-1.899.633-1.899%201.688s.797%201.664%201.899%201.664h6.351v6.023c0%201.102.586%201.875%201.641%201.875%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/goforward-plus.svg?color=%231a73e8&size=48
