swipe right 06 icon
swipe-right-06 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- swipe-right-06
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Related icons in Huge Icons
swipe-down-01swipe-down-02swipe-down-03swipe-down-04swipe-down-05swipe-down-06swipe-down-07swipe-down-08swipe-left-01swipe-left-02swipe-left-03swipe-left-04swipe-left-05swipe-left-06swipe-left-07swipe-left-08swipe-left-09swipe-right-01swipe-right-02swipe-right-03swipe-right-04swipe-right-05swipe-right-07swipe-right-08
Use the swipe right 06 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M21.001 4.5h-6m6 0c0-.7-1.994-2.009-2.5-2.5m2.5 2.5c0 .7-1.994 2.008-2.5 2.5"/><path d="M6.513 13.515V3.485a1.489 1.489 0 0 1 2.979 0v5.203m0 0v2.323m0-2.323c.805-1.119 2.607-.746 2.99.993q.01.043.017.087m.015 1.24v-1.003q0-.12-.015-.237m0 0c.493-1.35 2.757-.835 3.004 1.093m0 0v1.146m0-1.146c.404-1.49 3.056-.449 2.998 1.293v3.179c-.003 1.726-.29 2.978-1.317 4.007c-.948 1.132-.725 1.765-.749 2.662M6.513 8.99c-1.32 1.193-2.816 2.825-3.007 3.211c-.89 1.352-.573 2.413.69 4.216c.941 1.34 2.203 2.835 2.269 2.91c.672.762.54 1.368.54 2.663"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsSwipeRight06(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="M21.001 4.5h-6m6 0c0-.7-1.994-2.009-2.5-2.5m2.5 2.5c0 .7-1.994 2.008-2.5 2.5"/><path d="M6.513 13.515V3.485a1.489 1.489 0 0 1 2.979 0v5.203m0 0v2.323m0-2.323c.805-1.119 2.607-.746 2.99.993q.01.043.017.087m.015 1.24v-1.003q0-.12-.015-.237m0 0c.493-1.35 2.757-.835 3.004 1.093m0 0v1.146m0-1.146c.404-1.49 3.056-.449 2.998 1.293v3.179c-.003 1.726-.29 2.978-1.317 4.007c-.948 1.132-.725 1.765-.749 2.662M6.513 8.99c-1.32 1.193-2.816 2.825-3.007 3.211c-.89 1.352-.573 2.413.69 4.216c.941 1.34 2.203 2.835 2.269 2.91c.672.762.54 1.368.54 2.663"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M21.001 4.5h-6m6 0c0-.7-1.994-2.009-2.5-2.5m2.5 2.5c0 .7-1.994 2.008-2.5 2.5"/><path d="M6.513 13.515V3.485a1.489 1.489 0 0 1 2.979 0v5.203m0 0v2.323m0-2.323c.805-1.119 2.607-.746 2.99.993q.01.043.017.087m.015 1.24v-1.003q0-.12-.015-.237m0 0c.493-1.35 2.757-.835 3.004 1.093m0 0v1.146m0-1.146c.404-1.49 3.056-.449 2.998 1.293v3.179c-.003 1.726-.29 2.978-1.317 4.007c-.948 1.132-.725 1.765-.749 2.662M6.513 8.99c-1.32 1.193-2.816 2.825-3.007 3.211c-.89 1.352-.573 2.413.69 4.216c.941 1.34 2.203 2.835 2.269 2.91c.672.762.54 1.368.54 2.663"/></g></svg> </template>
CSS
.icon-swipe-right-06 {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M21.001%204.5h-6m6%200c0-.7-1.994-2.009-2.5-2.5m2.5%202.5c0%20.7-1.994%202.008-2.5%202.5%22%2F%3E%3Cpath%20d%3D%22M6.513%2013.515V3.485a1.489%201.489%200%200%201%202.979%200v5.203m0%200v2.323m0-2.323c.805-1.119%202.607-.746%202.99.993q.01.043.017.087m.015%201.24v-1.003q0-.12-.015-.237m0%200c.493-1.35%202.757-.835%203.004%201.093m0%200v1.146m0-1.146c.404-1.49%203.056-.449%202.998%201.293v3.179c-.003%201.726-.29%202.978-1.317%204.007c-.948%201.132-.725%201.765-.749%202.662M6.513%208.99c-1.32%201.193-2.816%202.825-3.007%203.211c-.89%201.352-.573%202.413.69%204.216c.941%201.34%202.203%202.835%202.269%202.91c.672.762.54%201.368.54%202.663%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M21.001%204.5h-6m6%200c0-.7-1.994-2.009-2.5-2.5m2.5%202.5c0%20.7-1.994%202.008-2.5%202.5%22%2F%3E%3Cpath%20d%3D%22M6.513%2013.515V3.485a1.489%201.489%200%200%201%202.979%200v5.203m0%200v2.323m0-2.323c.805-1.119%202.607-.746%202.99.993q.01.043.017.087m.015%201.24v-1.003q0-.12-.015-.237m0%200c.493-1.35%202.757-.835%203.004%201.093m0%200v1.146m0-1.146c.404-1.49%203.056-.449%202.998%201.293v3.179c-.003%201.726-.29%202.978-1.317%204.007c-.948%201.132-.725%201.765-.749%202.662M6.513%208.99c-1.32%201.193-2.816%202.825-3.007%203.211c-.89%201.352-.573%202.413.69%204.216c.941%201.34%202.203%202.835%202.269%202.91c.672.762.54%201.368.54%202.663%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/swipe-right-06.svg?color=%231a73e8&size=48
