shake icon

shake-outline from Eva Icons by Akveo · Outline · MIT Free for personal and commercial use.

Name: shake-outline
Set: Eva Icons
Style: Outline
Viewbox: 24×24
License: MIT

1 other variant in Eva Icons

The same icon in other sets

shake-outlinedAnt Design Icons shakeIconPark shakeIconPark Outline shakeIconPark Solid shakeIconPark TwoTone

Use the shake icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 18a1 1 0 0 1-.64-.24A8.81 8.81 0 0 1 1.5 11a8.81 8.81 0 0 1 3.36-6.76a1 1 0 1 1 1.28 1.52A6.9 6.9 0 0 0 3.5 11a6.9 6.9 0 0 0 2.64 5.24a1 1 0 0 1 .13 1.4a1 1 0 0 1-.77.36M12 7a4 4 0 0 1 1 .14V3a1 1 0 0 0-2 0v4.14A4 4 0 0 1 12 7m0 8a4 4 0 0 1-1-.14V20a1 1 0 0 0 2 0v-5.14a4 4 0 0 1-1 .14m4 1a1 1 0 0 1-.77-.36a1 1 0 0 1 .13-1.4A4.28 4.28 0 0 0 17 11a4.28 4.28 0 0 0-1.64-3.24a1 1 0 1 1 1.28-1.52A6.2 6.2 0 0 1 19 11a6.2 6.2 0 0 1-2.36 4.76A1 1 0 0 1 16 16"/><path fill="currentColor" d="M8 16a1 1 0 0 1-.64-.24A6.2 6.2 0 0 1 5 11a6.2 6.2 0 0 1 2.36-4.76a1 1 0 1 1 1.28 1.52A4.28 4.28 0 0 0 7 11a4.28 4.28 0 0 0 1.64 3.24a1 1 0 0 1 .13 1.4A1 1 0 0 1 8 16m10.5 2a1 1 0 0 1-.77-.36a1 1 0 0 1 .13-1.4A6.9 6.9 0 0 0 20.5 11a6.9 6.9 0 0 0-2.64-5.24a1 1 0 1 1 1.28-1.52A8.81 8.81 0 0 1 22.5 11a8.81 8.81 0 0 1-3.36 6.76a1 1 0 0 1-.64.24M12 12a1 1 0 1 1 1-1a1 1 0 0 1-1 1m0-1"/></svg>

React

import type { SVGProps } from "react";

export function EvaShakeOutline(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="M5.5 18a1 1 0 0 1-.64-.24A8.81 8.81 0 0 1 1.5 11a8.81 8.81 0 0 1 3.36-6.76a1 1 0 1 1 1.28 1.52A6.9 6.9 0 0 0 3.5 11a6.9 6.9 0 0 0 2.64 5.24a1 1 0 0 1 .13 1.4a1 1 0 0 1-.77.36M12 7a4 4 0 0 1 1 .14V3a1 1 0 0 0-2 0v4.14A4 4 0 0 1 12 7m0 8a4 4 0 0 1-1-.14V20a1 1 0 0 0 2 0v-5.14a4 4 0 0 1-1 .14m4 1a1 1 0 0 1-.77-.36a1 1 0 0 1 .13-1.4A4.28 4.28 0 0 0 17 11a4.28 4.28 0 0 0-1.64-3.24a1 1 0 1 1 1.28-1.52A6.2 6.2 0 0 1 19 11a6.2 6.2 0 0 1-2.36 4.76A1 1 0 0 1 16 16"/><path fill="currentColor" d="M8 16a1 1 0 0 1-.64-.24A6.2 6.2 0 0 1 5 11a6.2 6.2 0 0 1 2.36-4.76a1 1 0 1 1 1.28 1.52A4.28 4.28 0 0 0 7 11a4.28 4.28 0 0 0 1.64 3.24a1 1 0 0 1 .13 1.4A1 1 0 0 1 8 16m10.5 2a1 1 0 0 1-.77-.36a1 1 0 0 1 .13-1.4A6.9 6.9 0 0 0 20.5 11a6.9 6.9 0 0 0-2.64-5.24a1 1 0 1 1 1.28-1.52A8.81 8.81 0 0 1 22.5 11a8.81 8.81 0 0 1-3.36 6.76a1 1 0 0 1-.64.24M12 12a1 1 0 1 1 1-1a1 1 0 0 1-1 1m0-1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.5 18a1 1 0 0 1-.64-.24A8.81 8.81 0 0 1 1.5 11a8.81 8.81 0 0 1 3.36-6.76a1 1 0 1 1 1.28 1.52A6.9 6.9 0 0 0 3.5 11a6.9 6.9 0 0 0 2.64 5.24a1 1 0 0 1 .13 1.4a1 1 0 0 1-.77.36M12 7a4 4 0 0 1 1 .14V3a1 1 0 0 0-2 0v4.14A4 4 0 0 1 12 7m0 8a4 4 0 0 1-1-.14V20a1 1 0 0 0 2 0v-5.14a4 4 0 0 1-1 .14m4 1a1 1 0 0 1-.77-.36a1 1 0 0 1 .13-1.4A4.28 4.28 0 0 0 17 11a4.28 4.28 0 0 0-1.64-3.24a1 1 0 1 1 1.28-1.52A6.2 6.2 0 0 1 19 11a6.2 6.2 0 0 1-2.36 4.76A1 1 0 0 1 16 16"/><path fill="currentColor" d="M8 16a1 1 0 0 1-.64-.24A6.2 6.2 0 0 1 5 11a6.2 6.2 0 0 1 2.36-4.76a1 1 0 1 1 1.28 1.52A4.28 4.28 0 0 0 7 11a4.28 4.28 0 0 0 1.64 3.24a1 1 0 0 1 .13 1.4A1 1 0 0 1 8 16m10.5 2a1 1 0 0 1-.77-.36a1 1 0 0 1 .13-1.4A6.9 6.9 0 0 0 20.5 11a6.9 6.9 0 0 0-2.64-5.24a1 1 0 1 1 1.28-1.52A8.81 8.81 0 0 1 22.5 11a8.81 8.81 0 0 1-3.36 6.76a1 1 0 0 1-.64.24M12 12a1 1 0 1 1 1-1a1 1 0 0 1-1 1m0-1"/></svg>
</template>

CSS

.icon-shake-outline {
  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%22M5.5%2018a1%201%200%200%201-.64-.24A8.81%208.81%200%200%201%201.5%2011a8.81%208.81%200%200%201%203.36-6.76a1%201%200%201%201%201.28%201.52A6.9%206.9%200%200%200%203.5%2011a6.9%206.9%200%200%200%202.64%205.24a1%201%200%200%201%20.13%201.4a1%201%200%200%201-.77.36M12%207a4%204%200%200%201%201%20.14V3a1%201%200%200%200-2%200v4.14A4%204%200%200%201%2012%207m0%208a4%204%200%200%201-1-.14V20a1%201%200%200%200%202%200v-5.14a4%204%200%200%201-1%20.14m4%201a1%201%200%200%201-.77-.36a1%201%200%200%201%20.13-1.4A4.28%204.28%200%200%200%2017%2011a4.28%204.28%200%200%200-1.64-3.24a1%201%200%201%201%201.28-1.52A6.2%206.2%200%200%201%2019%2011a6.2%206.2%200%200%201-2.36%204.76A1%201%200%200%201%2016%2016%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2016a1%201%200%200%201-.64-.24A6.2%206.2%200%200%201%205%2011a6.2%206.2%200%200%201%202.36-4.76a1%201%200%201%201%201.28%201.52A4.28%204.28%200%200%200%207%2011a4.28%204.28%200%200%200%201.64%203.24a1%201%200%200%201%20.13%201.4A1%201%200%200%201%208%2016m10.5%202a1%201%200%200%201-.77-.36a1%201%200%200%201%20.13-1.4A6.9%206.9%200%200%200%2020.5%2011a6.9%206.9%200%200%200-2.64-5.24a1%201%200%201%201%201.28-1.52A8.81%208.81%200%200%201%2022.5%2011a8.81%208.81%200%200%201-3.36%206.76a1%201%200%200%201-.64.24M12%2012a1%201%200%201%201%201-1a1%201%200%200%201-1%201m0-1%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%22M5.5%2018a1%201%200%200%201-.64-.24A8.81%208.81%200%200%201%201.5%2011a8.81%208.81%200%200%201%203.36-6.76a1%201%200%201%201%201.28%201.52A6.9%206.9%200%200%200%203.5%2011a6.9%206.9%200%200%200%202.64%205.24a1%201%200%200%201%20.13%201.4a1%201%200%200%201-.77.36M12%207a4%204%200%200%201%201%20.14V3a1%201%200%200%200-2%200v4.14A4%204%200%200%201%2012%207m0%208a4%204%200%200%201-1-.14V20a1%201%200%200%200%202%200v-5.14a4%204%200%200%201-1%20.14m4%201a1%201%200%200%201-.77-.36a1%201%200%200%201%20.13-1.4A4.28%204.28%200%200%200%2017%2011a4.28%204.28%200%200%200-1.64-3.24a1%201%200%201%201%201.28-1.52A6.2%206.2%200%200%201%2019%2011a6.2%206.2%200%200%201-2.36%204.76A1%201%200%200%201%2016%2016%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2016a1%201%200%200%201-.64-.24A6.2%206.2%200%200%201%205%2011a6.2%206.2%200%200%201%202.36-4.76a1%201%200%201%201%201.28%201.52A4.28%204.28%200%200%200%207%2011a4.28%204.28%200%200%200%201.64%203.24a1%201%200%200%201%20.13%201.4A1%201%200%200%201%208%2016m10.5%202a1%201%200%200%201-.77-.36a1%201%200%200%201%20.13-1.4A6.9%206.9%200%200%200%2020.5%2011a6.9%206.9%200%200%200-2.64-5.24a1%201%200%201%201%201.28-1.52A8.81%208.81%200%200%201%2022.5%2011a8.81%208.81%200%200%201-3.36%206.76a1%201%200%200%201-.64.24M12%2012a1%201%200%201%201%201-1a1%201%200%200%201-1%201m0-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/eva/shake-outline.svg?color=%231a73e8&size=48