path icon
path-filled from Reicon by REICON · Filled · Newicons · MIT Free for personal and commercial use.
- Name
- path-filled
- Set
- Reicon
- Style
- Filled
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All path icons →More newicons icons from Reicon
Use the path icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.02 10.7l-2.12 1.34c-.4.25-.91.19-1.24-.14l-4.53-4.53a1 1 0 0 1-.14-1.24l1.34-2.12c.82-1.29 2.46-1.35 3.67-.15l3.18 3.18c1.12 1.13 1.05 2.89-.16 3.66m-5.31 9.25l-8.72 1.02q-.116.015-.23.022c-.684.04-.854-.767-.369-1.253l2.59-2.59c.32-.31.32-.8 0-1.11a.78.78 0 0 0-1.11 0l-2.59 2.59c-.485.486-1.285.315-1.249-.37a4 4 0 0 1 .019-.22l1.03-8.72c.26-2.18 1.06-2.9 3.36-2.76l1.5.09c.49.03.95.24 1.3.59l6.55 6.55c.35.35.56.81.58 1.3l.09 1.5c.23 2.31-.56 3.11-2.75 3.36"/></svg>
React
import type { SVGProps } from "react";
export function ReiconPathFilled(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="m20.02 10.7l-2.12 1.34c-.4.25-.91.19-1.24-.14l-4.53-4.53a1 1 0 0 1-.14-1.24l1.34-2.12c.82-1.29 2.46-1.35 3.67-.15l3.18 3.18c1.12 1.13 1.05 2.89-.16 3.66m-5.31 9.25l-8.72 1.02q-.116.015-.23.022c-.684.04-.854-.767-.369-1.253l2.59-2.59c.32-.31.32-.8 0-1.11a.78.78 0 0 0-1.11 0l-2.59 2.59c-.485.486-1.285.315-1.249-.37a4 4 0 0 1 .019-.22l1.03-8.72c.26-2.18 1.06-2.9 3.36-2.76l1.5.09c.49.03.95.24 1.3.59l6.55 6.55c.35.35.56.81.58 1.3l.09 1.5c.23 2.31-.56 3.11-2.75 3.36"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m20.02 10.7l-2.12 1.34c-.4.25-.91.19-1.24-.14l-4.53-4.53a1 1 0 0 1-.14-1.24l1.34-2.12c.82-1.29 2.46-1.35 3.67-.15l3.18 3.18c1.12 1.13 1.05 2.89-.16 3.66m-5.31 9.25l-8.72 1.02q-.116.015-.23.022c-.684.04-.854-.767-.369-1.253l2.59-2.59c.32-.31.32-.8 0-1.11a.78.78 0 0 0-1.11 0l-2.59 2.59c-.485.486-1.285.315-1.249-.37a4 4 0 0 1 .019-.22l1.03-8.72c.26-2.18 1.06-2.9 3.36-2.76l1.5.09c.49.03.95.24 1.3.59l6.55 6.55c.35.35.56.81.58 1.3l.09 1.5c.23 2.31-.56 3.11-2.75 3.36"/></svg> </template>
CSS
.icon-path-filled {
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%22m20.02%2010.7l-2.12%201.34c-.4.25-.91.19-1.24-.14l-4.53-4.53a1%201%200%200%201-.14-1.24l1.34-2.12c.82-1.29%202.46-1.35%203.67-.15l3.18%203.18c1.12%201.13%201.05%202.89-.16%203.66m-5.31%209.25l-8.72%201.02q-.116.015-.23.022c-.684.04-.854-.767-.369-1.253l2.59-2.59c.32-.31.32-.8%200-1.11a.78.78%200%200%200-1.11%200l-2.59%202.59c-.485.486-1.285.315-1.249-.37a4%204%200%200%201%20.019-.22l1.03-8.72c.26-2.18%201.06-2.9%203.36-2.76l1.5.09c.49.03.95.24%201.3.59l6.55%206.55c.35.35.56.81.58%201.3l.09%201.5c.23%202.31-.56%203.11-2.75%203.36%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%22m20.02%2010.7l-2.12%201.34c-.4.25-.91.19-1.24-.14l-4.53-4.53a1%201%200%200%201-.14-1.24l1.34-2.12c.82-1.29%202.46-1.35%203.67-.15l3.18%203.18c1.12%201.13%201.05%202.89-.16%203.66m-5.31%209.25l-8.72%201.02q-.116.015-.23.022c-.684.04-.854-.767-.369-1.253l2.59-2.59c.32-.31.32-.8%200-1.11a.78.78%200%200%200-1.11%200l-2.59%202.59c-.485.486-1.285.315-1.249-.37a4%204%200%200%201%20.019-.22l1.03-8.72c.26-2.18%201.06-2.9%203.36-2.76l1.5.09c.49.03.95.24%201.3.59l6.55%206.55c.35.35.56.81.58%201.3l.09%201.5c.23%202.31-.56%203.11-2.75%203.36%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/path-filled.svg?color=%231a73e8&size=48
