swipe right icon

swipe-right-rounded from Material Symbols Light by Google · Rounded · UI Actions · Apache-2.0 Free for personal and commercial use.

Name: swipe-right-rounded
Set: Material Symbols Light
Style: Rounded
Category: UI Actions
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

swipe-right swipe-right-outline swipe-right-outline-rounded swipe-right-outline-sharp swipe-right-sharp

The same icon in other sets

swipe-right-20-filledFluent UI System Icons swipe-rightMaterial Symbols swipe-rightOpenMoji swipe-rightTabler Icons

More ui actions icons from Material Symbols Light

Use the swipe right icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.9 6.5q-1.938-1.585-3.906-2.36t-4.052-.775q-2.419 0-4.451.95q-2.033.948-3.254 2.616q-.143.196-.33.325t-.434.128q-.165 0-.241-.166t.03-.331q1.184-2.018 3.517-3.212t5.163-1.194q2.139 0 4.16.746t4.013 2.279V3.442q0-.19.126-.316T20.558 3t.316.126t.126.316v3.135q0 .348-.23.578t-.578.23h-3.134q-.19 0-.317-.126q-.126-.126-.126-.317q0-.19.126-.316t.317-.126zM11.825 21q-.504 0-.948-.186t-.812-.554L5.59 15.796q-.18-.179-.182-.447t.195-.453l.017-.017q.227-.208.515-.268q.287-.061.581.012l2.785.687V7q0-.213.143-.357T10 6.5t.357.143T10.5 7v7.27h1.827V10.5q0-.213.143-.357t.357-.143t.357.143t.143.357v3.77h1.846V11.5q0-.213.143-.357t.357-.143t.357.143t.143.357v2.77H18v-.77q0-.213.143-.357T18.5 13t.357.143t.143.357v4q0 1.458-1.021 2.479T15.5 21z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSwipeRightRounded(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="M19.9 6.5q-1.938-1.585-3.906-2.36t-4.052-.775q-2.419 0-4.451.95q-2.033.948-3.254 2.616q-.143.196-.33.325t-.434.128q-.165 0-.241-.166t.03-.331q1.184-2.018 3.517-3.212t5.163-1.194q2.139 0 4.16.746t4.013 2.279V3.442q0-.19.126-.316T20.558 3t.316.126t.126.316v3.135q0 .348-.23.578t-.578.23h-3.134q-.19 0-.317-.126q-.126-.126-.126-.317q0-.19.126-.316t.317-.126zM11.825 21q-.504 0-.948-.186t-.812-.554L5.59 15.796q-.18-.179-.182-.447t.195-.453l.017-.017q.227-.208.515-.268q.287-.061.581.012l2.785.687V7q0-.213.143-.357T10 6.5t.357.143T10.5 7v7.27h1.827V10.5q0-.213.143-.357t.357-.143t.357.143t.143.357v3.77h1.846V11.5q0-.213.143-.357t.357-.143t.357.143t.143.357v2.77H18v-.77q0-.213.143-.357T18.5 13t.357.143t.143.357v4q0 1.458-1.021 2.479T15.5 21z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.9 6.5q-1.938-1.585-3.906-2.36t-4.052-.775q-2.419 0-4.451.95q-2.033.948-3.254 2.616q-.143.196-.33.325t-.434.128q-.165 0-.241-.166t.03-.331q1.184-2.018 3.517-3.212t5.163-1.194q2.139 0 4.16.746t4.013 2.279V3.442q0-.19.126-.316T20.558 3t.316.126t.126.316v3.135q0 .348-.23.578t-.578.23h-3.134q-.19 0-.317-.126q-.126-.126-.126-.317q0-.19.126-.316t.317-.126zM11.825 21q-.504 0-.948-.186t-.812-.554L5.59 15.796q-.18-.179-.182-.447t.195-.453l.017-.017q.227-.208.515-.268q.287-.061.581.012l2.785.687V7q0-.213.143-.357T10 6.5t.357.143T10.5 7v7.27h1.827V10.5q0-.213.143-.357t.357-.143t.357.143t.143.357v3.77h1.846V11.5q0-.213.143-.357t.357-.143t.357.143t.143.357v2.77H18v-.77q0-.213.143-.357T18.5 13t.357.143t.143.357v4q0 1.458-1.021 2.479T15.5 21z"/></svg>
</template>

CSS

.icon-swipe-right-rounded {
  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%22M19.9%206.5q-1.938-1.585-3.906-2.36t-4.052-.775q-2.419%200-4.451.95q-2.033.948-3.254%202.616q-.143.196-.33.325t-.434.128q-.165%200-.241-.166t.03-.331q1.184-2.018%203.517-3.212t5.163-1.194q2.139%200%204.16.746t4.013%202.279V3.442q0-.19.126-.316T20.558%203t.316.126t.126.316v3.135q0%20.348-.23.578t-.578.23h-3.134q-.19%200-.317-.126q-.126-.126-.126-.317q0-.19.126-.316t.317-.126zM11.825%2021q-.504%200-.948-.186t-.812-.554L5.59%2015.796q-.18-.179-.182-.447t.195-.453l.017-.017q.227-.208.515-.268q.287-.061.581.012l2.785.687V7q0-.213.143-.357T10%206.5t.357.143T10.5%207v7.27h1.827V10.5q0-.213.143-.357t.357-.143t.357.143t.143.357v3.77h1.846V11.5q0-.213.143-.357t.357-.143t.357.143t.143.357v2.77H18v-.77q0-.213.143-.357T18.5%2013t.357.143t.143.357v4q0%201.458-1.021%202.479T15.5%2021z%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%22M19.9%206.5q-1.938-1.585-3.906-2.36t-4.052-.775q-2.419%200-4.451.95q-2.033.948-3.254%202.616q-.143.196-.33.325t-.434.128q-.165%200-.241-.166t.03-.331q1.184-2.018%203.517-3.212t5.163-1.194q2.139%200%204.16.746t4.013%202.279V3.442q0-.19.126-.316T20.558%203t.316.126t.126.316v3.135q0%20.348-.23.578t-.578.23h-3.134q-.19%200-.317-.126q-.126-.126-.126-.317q0-.19.126-.316t.317-.126zM11.825%2021q-.504%200-.948-.186t-.812-.554L5.59%2015.796q-.18-.179-.182-.447t.195-.453l.017-.017q.227-.208.515-.268q.287-.061.581.012l2.785.687V7q0-.213.143-.357T10%206.5t.357.143T10.5%207v7.27h1.827V10.5q0-.213.143-.357t.357-.143t.357.143t.143.357v3.77h1.846V11.5q0-.213.143-.357t.357-.143t.357.143t.143.357v2.77H18v-.77q0-.213.143-.357T18.5%2013t.357.143t.143.357v4q0%201.458-1.021%202.479T15.5%2021z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/swipe-right-rounded.svg?color=%231a73e8&size=48