forward octagon icon
forward-octagon-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- forward-octagon-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
Related icons in Myna UI Icons
Use the forward octagon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.937 2.25a2.3 2.3 0 0 0-.9.158c-.299.122-.54.31-.762.53L2.938 7.275c-.213.214-.4.45-.525.748a2.3 2.3 0 0 0-.163.914v6.126c0 .302.036.602.158.9s.31.54.53.762l4.337 4.337c.214.213.45.4.748.524c.298.125.601.164.914.164h6.126c.302 0 .602-.035.9-.158c.299-.122.54-.31.762-.53l4.337-4.337c.213-.214.4-.45.524-.748a2.3 2.3 0 0 0 .164-.914V8.937a2.3 2.3 0 0 0-.158-.9a2.3 2.3 0 0 0-.53-.762l-4.337-4.337a2.3 2.3 0 0 0-.762-.53a2.3 2.3 0 0 0-.9-.158zm.666 7.088c.183.112.366.229.532.345c.189.133.388.287.581.445l.04.033c.301.245.599.488.811.735c.254.295.433.648.433 1.104s-.18.809-.433 1.104c-.212.247-.51.49-.81.736l-.04.032c-.194.158-.393.312-.582.445a10 10 0 0 1-.532.345l-.048.03c-.292.177-.6.365-.88.465a1.4 1.4 0 0 1-.586.09a1.2 1.2 0 0 1-.632-.24c-.368-.278-.504-.672-.569-1.01c-.061-.314-.084-.711-.109-1.144l-.003-.046A14 14 0 0 1 6.75 12c0-.254.01-.531.026-.807l.003-.046c.025-.433.048-.83.109-1.145c.065-.337.2-.731.57-1.008c.18-.136.392-.223.63-.24a1.4 1.4 0 0 1 .588.09c.278.1.587.287.879.465zm5.702-.03l.048.03c.183.112.366.229.532.345c.189.133.388.287.581.445l.04.033c.301.245.599.488.811.735c.254.295.433.648.433 1.104s-.18.809-.433 1.104c-.212.247-.51.49-.81.736l-.04.032c-.194.158-.393.312-.582.445a10 10 0 0 1-.532.345l-.048.03c-.292.177-.6.365-.88.465a1.4 1.4 0 0 1-.586.09a1.2 1.2 0 0 1-.632-.24c-.368-.278-.504-.672-.569-1.01c-.061-.314-.084-.711-.109-1.144l-.002-.046A14 14 0 0 1 12.5 12c0-.254.01-.531.027-.807l.002-.046c.025-.433.048-.83.109-1.145c.065-.337.2-.731.57-1.008c.18-.136.392-.223.63-.24a1.4 1.4 0 0 1 .588.09c.278.1.587.287.879.465"/></svg>
React
import type { SVGProps } from "react";
export function MynauiForwardOctagonSolid(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="M8.937 2.25a2.3 2.3 0 0 0-.9.158c-.299.122-.54.31-.762.53L2.938 7.275c-.213.214-.4.45-.525.748a2.3 2.3 0 0 0-.163.914v6.126c0 .302.036.602.158.9s.31.54.53.762l4.337 4.337c.214.213.45.4.748.524c.298.125.601.164.914.164h6.126c.302 0 .602-.035.9-.158c.299-.122.54-.31.762-.53l4.337-4.337c.213-.214.4-.45.524-.748a2.3 2.3 0 0 0 .164-.914V8.937a2.3 2.3 0 0 0-.158-.9a2.3 2.3 0 0 0-.53-.762l-4.337-4.337a2.3 2.3 0 0 0-.762-.53a2.3 2.3 0 0 0-.9-.158zm.666 7.088c.183.112.366.229.532.345c.189.133.388.287.581.445l.04.033c.301.245.599.488.811.735c.254.295.433.648.433 1.104s-.18.809-.433 1.104c-.212.247-.51.49-.81.736l-.04.032c-.194.158-.393.312-.582.445a10 10 0 0 1-.532.345l-.048.03c-.292.177-.6.365-.88.465a1.4 1.4 0 0 1-.586.09a1.2 1.2 0 0 1-.632-.24c-.368-.278-.504-.672-.569-1.01c-.061-.314-.084-.711-.109-1.144l-.003-.046A14 14 0 0 1 6.75 12c0-.254.01-.531.026-.807l.003-.046c.025-.433.048-.83.109-1.145c.065-.337.2-.731.57-1.008c.18-.136.392-.223.63-.24a1.4 1.4 0 0 1 .588.09c.278.1.587.287.879.465zm5.702-.03l.048.03c.183.112.366.229.532.345c.189.133.388.287.581.445l.04.033c.301.245.599.488.811.735c.254.295.433.648.433 1.104s-.18.809-.433 1.104c-.212.247-.51.49-.81.736l-.04.032c-.194.158-.393.312-.582.445a10 10 0 0 1-.532.345l-.048.03c-.292.177-.6.365-.88.465a1.4 1.4 0 0 1-.586.09a1.2 1.2 0 0 1-.632-.24c-.368-.278-.504-.672-.569-1.01c-.061-.314-.084-.711-.109-1.144l-.002-.046A14 14 0 0 1 12.5 12c0-.254.01-.531.027-.807l.002-.046c.025-.433.048-.83.109-1.145c.065-.337.2-.731.57-1.008c.18-.136.392-.223.63-.24a1.4 1.4 0 0 1 .588.09c.278.1.587.287.879.465"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.937 2.25a2.3 2.3 0 0 0-.9.158c-.299.122-.54.31-.762.53L2.938 7.275c-.213.214-.4.45-.525.748a2.3 2.3 0 0 0-.163.914v6.126c0 .302.036.602.158.9s.31.54.53.762l4.337 4.337c.214.213.45.4.748.524c.298.125.601.164.914.164h6.126c.302 0 .602-.035.9-.158c.299-.122.54-.31.762-.53l4.337-4.337c.213-.214.4-.45.524-.748a2.3 2.3 0 0 0 .164-.914V8.937a2.3 2.3 0 0 0-.158-.9a2.3 2.3 0 0 0-.53-.762l-4.337-4.337a2.3 2.3 0 0 0-.762-.53a2.3 2.3 0 0 0-.9-.158zm.666 7.088c.183.112.366.229.532.345c.189.133.388.287.581.445l.04.033c.301.245.599.488.811.735c.254.295.433.648.433 1.104s-.18.809-.433 1.104c-.212.247-.51.49-.81.736l-.04.032c-.194.158-.393.312-.582.445a10 10 0 0 1-.532.345l-.048.03c-.292.177-.6.365-.88.465a1.4 1.4 0 0 1-.586.09a1.2 1.2 0 0 1-.632-.24c-.368-.278-.504-.672-.569-1.01c-.061-.314-.084-.711-.109-1.144l-.003-.046A14 14 0 0 1 6.75 12c0-.254.01-.531.026-.807l.003-.046c.025-.433.048-.83.109-1.145c.065-.337.2-.731.57-1.008c.18-.136.392-.223.63-.24a1.4 1.4 0 0 1 .588.09c.278.1.587.287.879.465zm5.702-.03l.048.03c.183.112.366.229.532.345c.189.133.388.287.581.445l.04.033c.301.245.599.488.811.735c.254.295.433.648.433 1.104s-.18.809-.433 1.104c-.212.247-.51.49-.81.736l-.04.032c-.194.158-.393.312-.582.445a10 10 0 0 1-.532.345l-.048.03c-.292.177-.6.365-.88.465a1.4 1.4 0 0 1-.586.09a1.2 1.2 0 0 1-.632-.24c-.368-.278-.504-.672-.569-1.01c-.061-.314-.084-.711-.109-1.144l-.002-.046A14 14 0 0 1 12.5 12c0-.254.01-.531.027-.807l.002-.046c.025-.433.048-.83.109-1.145c.065-.337.2-.731.57-1.008c.18-.136.392-.223.63-.24a1.4 1.4 0 0 1 .588.09c.278.1.587.287.879.465"/></svg> </template>
CSS
.icon-forward-octagon-solid {
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%22M8.937%202.25a2.3%202.3%200%200%200-.9.158c-.299.122-.54.31-.762.53L2.938%207.275c-.213.214-.4.45-.525.748a2.3%202.3%200%200%200-.163.914v6.126c0%20.302.036.602.158.9s.31.54.53.762l4.337%204.337c.214.213.45.4.748.524c.298.125.601.164.914.164h6.126c.302%200%20.602-.035.9-.158c.299-.122.54-.31.762-.53l4.337-4.337c.213-.214.4-.45.524-.748a2.3%202.3%200%200%200%20.164-.914V8.937a2.3%202.3%200%200%200-.158-.9a2.3%202.3%200%200%200-.53-.762l-4.337-4.337a2.3%202.3%200%200%200-.762-.53a2.3%202.3%200%200%200-.9-.158zm.666%207.088c.183.112.366.229.532.345c.189.133.388.287.581.445l.04.033c.301.245.599.488.811.735c.254.295.433.648.433%201.104s-.18.809-.433%201.104c-.212.247-.51.49-.81.736l-.04.032c-.194.158-.393.312-.582.445a10%2010%200%200%201-.532.345l-.048.03c-.292.177-.6.365-.88.465a1.4%201.4%200%200%201-.586.09a1.2%201.2%200%200%201-.632-.24c-.368-.278-.504-.672-.569-1.01c-.061-.314-.084-.711-.109-1.144l-.003-.046A14%2014%200%200%201%206.75%2012c0-.254.01-.531.026-.807l.003-.046c.025-.433.048-.83.109-1.145c.065-.337.2-.731.57-1.008c.18-.136.392-.223.63-.24a1.4%201.4%200%200%201%20.588.09c.278.1.587.287.879.465zm5.702-.03l.048.03c.183.112.366.229.532.345c.189.133.388.287.581.445l.04.033c.301.245.599.488.811.735c.254.295.433.648.433%201.104s-.18.809-.433%201.104c-.212.247-.51.49-.81.736l-.04.032c-.194.158-.393.312-.582.445a10%2010%200%200%201-.532.345l-.048.03c-.292.177-.6.365-.88.465a1.4%201.4%200%200%201-.586.09a1.2%201.2%200%200%201-.632-.24c-.368-.278-.504-.672-.569-1.01c-.061-.314-.084-.711-.109-1.144l-.002-.046A14%2014%200%200%201%2012.5%2012c0-.254.01-.531.027-.807l.002-.046c.025-.433.048-.83.109-1.145c.065-.337.2-.731.57-1.008c.18-.136.392-.223.63-.24a1.4%201.4%200%200%201%20.588.09c.278.1.587.287.879.465%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%22M8.937%202.25a2.3%202.3%200%200%200-.9.158c-.299.122-.54.31-.762.53L2.938%207.275c-.213.214-.4.45-.525.748a2.3%202.3%200%200%200-.163.914v6.126c0%20.302.036.602.158.9s.31.54.53.762l4.337%204.337c.214.213.45.4.748.524c.298.125.601.164.914.164h6.126c.302%200%20.602-.035.9-.158c.299-.122.54-.31.762-.53l4.337-4.337c.213-.214.4-.45.524-.748a2.3%202.3%200%200%200%20.164-.914V8.937a2.3%202.3%200%200%200-.158-.9a2.3%202.3%200%200%200-.53-.762l-4.337-4.337a2.3%202.3%200%200%200-.762-.53a2.3%202.3%200%200%200-.9-.158zm.666%207.088c.183.112.366.229.532.345c.189.133.388.287.581.445l.04.033c.301.245.599.488.811.735c.254.295.433.648.433%201.104s-.18.809-.433%201.104c-.212.247-.51.49-.81.736l-.04.032c-.194.158-.393.312-.582.445a10%2010%200%200%201-.532.345l-.048.03c-.292.177-.6.365-.88.465a1.4%201.4%200%200%201-.586.09a1.2%201.2%200%200%201-.632-.24c-.368-.278-.504-.672-.569-1.01c-.061-.314-.084-.711-.109-1.144l-.003-.046A14%2014%200%200%201%206.75%2012c0-.254.01-.531.026-.807l.003-.046c.025-.433.048-.83.109-1.145c.065-.337.2-.731.57-1.008c.18-.136.392-.223.63-.24a1.4%201.4%200%200%201%20.588.09c.278.1.587.287.879.465zm5.702-.03l.048.03c.183.112.366.229.532.345c.189.133.388.287.581.445l.04.033c.301.245.599.488.811.735c.254.295.433.648.433%201.104s-.18.809-.433%201.104c-.212.247-.51.49-.81.736l-.04.032c-.194.158-.393.312-.582.445a10%2010%200%200%201-.532.345l-.048.03c-.292.177-.6.365-.88.465a1.4%201.4%200%200%201-.586.09a1.2%201.2%200%200%201-.632-.24c-.368-.278-.504-.672-.569-1.01c-.061-.314-.084-.711-.109-1.144l-.002-.046A14%2014%200%200%201%2012.5%2012c0-.254.01-.531.027-.807l.002-.046c.025-.433.048-.83.109-1.145c.065-.337.2-.731.57-1.008c.18-.136.392-.223.63-.24a1.4%201.4%200%200%201%20.588.09c.278.1.587.287.879.465%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/forward-octagon-solid.svg?color=%231a73e8&size=48
