pointing right 02 icon
pointing-right-02 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- pointing-right-02
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
Use the pointing right 02 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 19.892h1.618c.926 0 1.894.724 2.693 1.106c1.476.707 4.366 1.675 5.727.323c2.145-2.132 2.538-5.113 2.462-6.821h5.75a1.75 1.75 0 1 0 0-3.5H14m0 0h-4m4 0c-.018-.024-2.175-2.878-3.609-3.376c-1.283-.446-2.425.408-3.482 1.05C6.089 9.173 4.069 11 2.995 11H2m20-6.5h-6m6 0c0-.7-1.994-2.008-2.5-2.5M22 4.5c0 .7-1.994 2.008-2.5 2.5"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsPointingRight02(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M2 19.892h1.618c.926 0 1.894.724 2.693 1.106c1.476.707 4.366 1.675 5.727.323c2.145-2.132 2.538-5.113 2.462-6.821h5.75a1.75 1.75 0 1 0 0-3.5H14m0 0h-4m4 0c-.018-.024-2.175-2.878-3.609-3.376c-1.283-.446-2.425.408-3.482 1.05C6.089 9.173 4.069 11 2.995 11H2m20-6.5h-6m6 0c0-.7-1.994-2.008-2.5-2.5M22 4.5c0 .7-1.994 2.008-2.5 2.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2 19.892h1.618c.926 0 1.894.724 2.693 1.106c1.476.707 4.366 1.675 5.727.323c2.145-2.132 2.538-5.113 2.462-6.821h5.75a1.75 1.75 0 1 0 0-3.5H14m0 0h-4m4 0c-.018-.024-2.175-2.878-3.609-3.376c-1.283-.446-2.425.408-3.482 1.05C6.089 9.173 4.069 11 2.995 11H2m20-6.5h-6m6 0c0-.7-1.994-2.008-2.5-2.5M22 4.5c0 .7-1.994 2.008-2.5 2.5"/></svg> </template>
CSS
.icon-pointing-right-02 {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2019.892h1.618c.926%200%201.894.724%202.693%201.106c1.476.707%204.366%201.675%205.727.323c2.145-2.132%202.538-5.113%202.462-6.821h5.75a1.75%201.75%200%201%200%200-3.5H14m0%200h-4m4%200c-.018-.024-2.175-2.878-3.609-3.376c-1.283-.446-2.425.408-3.482%201.05C6.089%209.173%204.069%2011%202.995%2011H2m20-6.5h-6m6%200c0-.7-1.994-2.008-2.5-2.5M22%204.5c0%20.7-1.994%202.008-2.5%202.5%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2019.892h1.618c.926%200%201.894.724%202.693%201.106c1.476.707%204.366%201.675%205.727.323c2.145-2.132%202.538-5.113%202.462-6.821h5.75a1.75%201.75%200%201%200%200-3.5H14m0%200h-4m4%200c-.018-.024-2.175-2.878-3.609-3.376c-1.283-.446-2.425.408-3.482%201.05C6.089%209.173%204.069%2011%202.995%2011H2m20-6.5h-6m6%200c0-.7-1.994-2.008-2.5-2.5M22%204.5c0%20.7-1.994%202.008-2.5%202.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/pointing-right-02.svg?color=%231a73e8&size=48
