flag triangle right icon
flag-triangle-right from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- flag-triangle-right
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Related icons in Huge Icons
Use the flag triangle right icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 22a.75.75 0 0 0 1.5 0zm5.005-18.874l.329-.674zM14.74 5.44l-.33.674zm.073 5.367l-.348-.665zM5.75 15.548H5v1.24l1.098-.575zm.694-13.38l.403.633zm3.56.958l-.328.674l4.736 2.313l.329-.674l.329-.674l-4.736-2.313zm4.81 7.68l-.348-.665l-9.064 4.743l.348.664l.348.665l9.064-4.743zM5.75 15.548h.75v-9.72H5v9.72zM14.74 5.44l-.328.674c1.188.58 2.001.98 2.529 1.342c.53.363.558.545.559.63l.75-.011l.75-.01c-.012-.843-.573-1.41-1.211-1.847c-.641-.44-1.577-.894-2.72-1.452zm.074 5.367l.348.664c1.126-.59 2.049-1.07 2.678-1.527c.626-.455 1.171-1.036 1.16-1.88l-.75.01l-.75.011c.001.084-.022.267-.542.646c-.518.376-1.32.798-2.492 1.411zm-4.81-7.68l.33-.674c-.933-.455-1.709-.836-2.34-1.036c-.642-.202-1.325-.28-1.952.119l.402.633l.403.633c.068-.043.21-.108.696.046c.498.157 1.155.476 2.133.953zM5.75 5.828h.75c0-1.098.002-1.837.079-2.36c.075-.515.197-.622.268-.667l-.403-.633l-.402-.633c-.623.395-.85 1.045-.947 1.714C4.998 3.91 5 4.78 5 5.828zM5.75 22h.75V9H5v13z"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsFlagTriangleRight(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="M5 22a.75.75 0 0 0 1.5 0zm5.005-18.874l.329-.674zM14.74 5.44l-.33.674zm.073 5.367l-.348-.665zM5.75 15.548H5v1.24l1.098-.575zm.694-13.38l.403.633zm3.56.958l-.328.674l4.736 2.313l.329-.674l.329-.674l-4.736-2.313zm4.81 7.68l-.348-.665l-9.064 4.743l.348.664l.348.665l9.064-4.743zM5.75 15.548h.75v-9.72H5v9.72zM14.74 5.44l-.328.674c1.188.58 2.001.98 2.529 1.342c.53.363.558.545.559.63l.75-.011l.75-.01c-.012-.843-.573-1.41-1.211-1.847c-.641-.44-1.577-.894-2.72-1.452zm.074 5.367l.348.664c1.126-.59 2.049-1.07 2.678-1.527c.626-.455 1.171-1.036 1.16-1.88l-.75.01l-.75.011c.001.084-.022.267-.542.646c-.518.376-1.32.798-2.492 1.411zm-4.81-7.68l.33-.674c-.933-.455-1.709-.836-2.34-1.036c-.642-.202-1.325-.28-1.952.119l.402.633l.403.633c.068-.043.21-.108.696.046c.498.157 1.155.476 2.133.953zM5.75 5.828h.75c0-1.098.002-1.837.079-2.36c.075-.515.197-.622.268-.667l-.403-.633l-.402-.633c-.623.395-.85 1.045-.947 1.714C4.998 3.91 5 4.78 5 5.828zM5.75 22h.75V9H5v13z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 22a.75.75 0 0 0 1.5 0zm5.005-18.874l.329-.674zM14.74 5.44l-.33.674zm.073 5.367l-.348-.665zM5.75 15.548H5v1.24l1.098-.575zm.694-13.38l.403.633zm3.56.958l-.328.674l4.736 2.313l.329-.674l.329-.674l-4.736-2.313zm4.81 7.68l-.348-.665l-9.064 4.743l.348.664l.348.665l9.064-4.743zM5.75 15.548h.75v-9.72H5v9.72zM14.74 5.44l-.328.674c1.188.58 2.001.98 2.529 1.342c.53.363.558.545.559.63l.75-.011l.75-.01c-.012-.843-.573-1.41-1.211-1.847c-.641-.44-1.577-.894-2.72-1.452zm.074 5.367l.348.664c1.126-.59 2.049-1.07 2.678-1.527c.626-.455 1.171-1.036 1.16-1.88l-.75.01l-.75.011c.001.084-.022.267-.542.646c-.518.376-1.32.798-2.492 1.411zm-4.81-7.68l.33-.674c-.933-.455-1.709-.836-2.34-1.036c-.642-.202-1.325-.28-1.952.119l.402.633l.403.633c.068-.043.21-.108.696.046c.498.157 1.155.476 2.133.953zM5.75 5.828h.75c0-1.098.002-1.837.079-2.36c.075-.515.197-.622.268-.667l-.403-.633l-.402-.633c-.623.395-.85 1.045-.947 1.714C4.998 3.91 5 4.78 5 5.828zM5.75 22h.75V9H5v13z"/></svg> </template>
CSS
.icon-flag-triangle-right {
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%22M5%2022a.75.75%200%200%200%201.5%200zm5.005-18.874l.329-.674zM14.74%205.44l-.33.674zm.073%205.367l-.348-.665zM5.75%2015.548H5v1.24l1.098-.575zm.694-13.38l.403.633zm3.56.958l-.328.674l4.736%202.313l.329-.674l.329-.674l-4.736-2.313zm4.81%207.68l-.348-.665l-9.064%204.743l.348.664l.348.665l9.064-4.743zM5.75%2015.548h.75v-9.72H5v9.72zM14.74%205.44l-.328.674c1.188.58%202.001.98%202.529%201.342c.53.363.558.545.559.63l.75-.011l.75-.01c-.012-.843-.573-1.41-1.211-1.847c-.641-.44-1.577-.894-2.72-1.452zm.074%205.367l.348.664c1.126-.59%202.049-1.07%202.678-1.527c.626-.455%201.171-1.036%201.16-1.88l-.75.01l-.75.011c.001.084-.022.267-.542.646c-.518.376-1.32.798-2.492%201.411zm-4.81-7.68l.33-.674c-.933-.455-1.709-.836-2.34-1.036c-.642-.202-1.325-.28-1.952.119l.402.633l.403.633c.068-.043.21-.108.696.046c.498.157%201.155.476%202.133.953zM5.75%205.828h.75c0-1.098.002-1.837.079-2.36c.075-.515.197-.622.268-.667l-.403-.633l-.402-.633c-.623.395-.85%201.045-.947%201.714C4.998%203.91%205%204.78%205%205.828zM5.75%2022h.75V9H5v13z%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%22M5%2022a.75.75%200%200%200%201.5%200zm5.005-18.874l.329-.674zM14.74%205.44l-.33.674zm.073%205.367l-.348-.665zM5.75%2015.548H5v1.24l1.098-.575zm.694-13.38l.403.633zm3.56.958l-.328.674l4.736%202.313l.329-.674l.329-.674l-4.736-2.313zm4.81%207.68l-.348-.665l-9.064%204.743l.348.664l.348.665l9.064-4.743zM5.75%2015.548h.75v-9.72H5v9.72zM14.74%205.44l-.328.674c1.188.58%202.001.98%202.529%201.342c.53.363.558.545.559.63l.75-.011l.75-.01c-.012-.843-.573-1.41-1.211-1.847c-.641-.44-1.577-.894-2.72-1.452zm.074%205.367l.348.664c1.126-.59%202.049-1.07%202.678-1.527c.626-.455%201.171-1.036%201.16-1.88l-.75.01l-.75.011c.001.084-.022.267-.542.646c-.518.376-1.32.798-2.492%201.411zm-4.81-7.68l.33-.674c-.933-.455-1.709-.836-2.34-1.036c-.642-.202-1.325-.28-1.952.119l.402.633l.403.633c.068-.043.21-.108.696.046c.498.157%201.155.476%202.133.953zM5.75%205.828h.75c0-1.098.002-1.837.079-2.36c.075-.515.197-.622.268-.667l-.403-.633l-.402-.633c-.623.395-.85%201.045-.947%201.714C4.998%203.91%205%204.78%205%205.828zM5.75%2022h.75V9H5v13z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/flag-triangle-right.svg?color=%231a73e8&size=48
