swipe down 08 icon

swipe-down-08 from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
swipe-down-08
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Related icons in Huge Icons

Use the swipe down 08 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="M19.503 7.987V2m0 5.987c-.7 0-2.005-1.99-2.496-2.495m2.496 2.495c.7 0 2.005-1.99 2.496-2.495"/><path d="M5.537 14.453V9.988m0 0V4.47c0-.82.684-1.48 1.505-1.48s1.469.66 1.469 1.48v3.997m-2.974 1.52c-1.317 1.191-2.734 2.696-2.925 3.082c-.888 1.349-.795 2.002.194 3.653a41 41 0 0 0 2.037 3.033c.672.76.538.76 1.512 1.473c.869.602 2.672 1.022 6.898.602c3.443-.53 4.268-3.53 4.25-4.965v-3.54c.215-2.944-1.018-3.077-3.255-3.366M8.51 8.468v2.525m0-2.525c.558-.909 2.586-.541 2.981 1.175m.036 1.346V9.988q0-.119-.015-.236m-.02-.109q0 .011.004.022q.01.043.016.087m-.02-.109q.005.052.02.109m-.02-.109c-.141-1.196 2.896-.905 3.02 1.2v1.143"/></g></svg>

React

import type { SVGProps } from "react";

export function HugeiconsSwipeDown08(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="M19.503 7.987V2m0 5.987c-.7 0-2.005-1.99-2.496-2.495m2.496 2.495c.7 0 2.005-1.99 2.496-2.495"/><path d="M5.537 14.453V9.988m0 0V4.47c0-.82.684-1.48 1.505-1.48s1.469.66 1.469 1.48v3.997m-2.974 1.52c-1.317 1.191-2.734 2.696-2.925 3.082c-.888 1.349-.795 2.002.194 3.653a41 41 0 0 0 2.037 3.033c.672.76.538.76 1.512 1.473c.869.602 2.672 1.022 6.898.602c3.443-.53 4.268-3.53 4.25-4.965v-3.54c.215-2.944-1.018-3.077-3.255-3.366M8.51 8.468v2.525m0-2.525c.558-.909 2.586-.541 2.981 1.175m.036 1.346V9.988q0-.119-.015-.236m-.02-.109q0 .011.004.022q.01.043.016.087m-.02-.109q.005.052.02.109m-.02-.109c-.141-1.196 2.896-.905 3.02 1.2v1.143"/></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="M19.503 7.987V2m0 5.987c-.7 0-2.005-1.99-2.496-2.495m2.496 2.495c.7 0 2.005-1.99 2.496-2.495"/><path d="M5.537 14.453V9.988m0 0V4.47c0-.82.684-1.48 1.505-1.48s1.469.66 1.469 1.48v3.997m-2.974 1.52c-1.317 1.191-2.734 2.696-2.925 3.082c-.888 1.349-.795 2.002.194 3.653a41 41 0 0 0 2.037 3.033c.672.76.538.76 1.512 1.473c.869.602 2.672 1.022 6.898.602c3.443-.53 4.268-3.53 4.25-4.965v-3.54c.215-2.944-1.018-3.077-3.255-3.366M8.51 8.468v2.525m0-2.525c.558-.909 2.586-.541 2.981 1.175m.036 1.346V9.988q0-.119-.015-.236m-.02-.109q0 .011.004.022q.01.043.016.087m-.02-.109q.005.052.02.109m-.02-.109c-.141-1.196 2.896-.905 3.02 1.2v1.143"/></g></svg>
</template>

CSS

.icon-swipe-down-08 {
  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%22M19.503%207.987V2m0%205.987c-.7%200-2.005-1.99-2.496-2.495m2.496%202.495c.7%200%202.005-1.99%202.496-2.495%22%2F%3E%3Cpath%20d%3D%22M5.537%2014.453V9.988m0%200V4.47c0-.82.684-1.48%201.505-1.48s1.469.66%201.469%201.48v3.997m-2.974%201.52c-1.317%201.191-2.734%202.696-2.925%203.082c-.888%201.349-.795%202.002.194%203.653a41%2041%200%200%200%202.037%203.033c.672.76.538.76%201.512%201.473c.869.602%202.672%201.022%206.898.602c3.443-.53%204.268-3.53%204.25-4.965v-3.54c.215-2.944-1.018-3.077-3.255-3.366M8.51%208.468v2.525m0-2.525c.558-.909%202.586-.541%202.981%201.175m.036%201.346V9.988q0-.119-.015-.236m-.02-.109q0%20.011.004.022q.01.043.016.087m-.02-.109q.005.052.02.109m-.02-.109c-.141-1.196%202.896-.905%203.02%201.2v1.143%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%22M19.503%207.987V2m0%205.987c-.7%200-2.005-1.99-2.496-2.495m2.496%202.495c.7%200%202.005-1.99%202.496-2.495%22%2F%3E%3Cpath%20d%3D%22M5.537%2014.453V9.988m0%200V4.47c0-.82.684-1.48%201.505-1.48s1.469.66%201.469%201.48v3.997m-2.974%201.52c-1.317%201.191-2.734%202.696-2.925%203.082c-.888%201.349-.795%202.002.194%203.653a41%2041%200%200%200%202.037%203.033c.672.76.538.76%201.512%201.473c.869.602%202.672%201.022%206.898.602c3.443-.53%204.268-3.53%204.25-4.965v-3.54c.215-2.944-1.018-3.077-3.255-3.366M8.51%208.468v2.525m0-2.525c.558-.909%202.586-.541%202.981%201.175m.036%201.346V9.988q0-.119-.015-.236m-.02-.109q0%20.011.004.022q.01.043.016.087m-.02-.109q.005.052.02.109m-.02-.109c-.141-1.196%202.896-.905%203.02%201.2v1.143%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-down-08.svg?color=%231a73e8&size=48