falling icon

falling from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: falling
Set: Material Symbols
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: falling-outline, falling-outline-sharp, falling-sharp

1 other variant in Material Symbols

falling-rounded

The same icon in other sets

fallingMaterial Symbols Light

More social icons from Material Symbols

Use the falling icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.5 22.5l-2-.4l.8-4.3l-3.6-2.7l-1.3-5.7l-2.2 1.9l.8 3.8l-2 .4l-1-4.9l4.45-3.975q.575-.5 1.363-.412t1.512.387q.8.35 1.663.5t1.737.025t1.613-.575t1.412-1L18 7.1q-.75.575-1.55 1.075t-1.725.775q-.825.225-1.662.238T11.4 9l.7 3.1l3.7-.7l5.2 3.7l-1.2 1.6l-4.3-3l-3.6.7l2.7 2zM6.588 4.913Q6 4.325 6 3.5t.588-1.412T8 1.5t1.413.588T10 3.5t-.587 1.413T8 5.5t-1.412-.587"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsFalling(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="m13.5 22.5l-2-.4l.8-4.3l-3.6-2.7l-1.3-5.7l-2.2 1.9l.8 3.8l-2 .4l-1-4.9l4.45-3.975q.575-.5 1.363-.412t1.512.387q.8.35 1.663.5t1.737.025t1.613-.575t1.412-1L18 7.1q-.75.575-1.55 1.075t-1.725.775q-.825.225-1.662.238T11.4 9l.7 3.1l3.7-.7l5.2 3.7l-1.2 1.6l-4.3-3l-3.6.7l2.7 2zM6.588 4.913Q6 4.325 6 3.5t.588-1.412T8 1.5t1.413.588T10 3.5t-.587 1.413T8 5.5t-1.412-.587"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.5 22.5l-2-.4l.8-4.3l-3.6-2.7l-1.3-5.7l-2.2 1.9l.8 3.8l-2 .4l-1-4.9l4.45-3.975q.575-.5 1.363-.412t1.512.387q.8.35 1.663.5t1.737.025t1.613-.575t1.412-1L18 7.1q-.75.575-1.55 1.075t-1.725.775q-.825.225-1.662.238T11.4 9l.7 3.1l3.7-.7l5.2 3.7l-1.2 1.6l-4.3-3l-3.6.7l2.7 2zM6.588 4.913Q6 4.325 6 3.5t.588-1.412T8 1.5t1.413.588T10 3.5t-.587 1.413T8 5.5t-1.412-.587"/></svg>
</template>

CSS

.icon-falling {
  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%22m13.5%2022.5l-2-.4l.8-4.3l-3.6-2.7l-1.3-5.7l-2.2%201.9l.8%203.8l-2%20.4l-1-4.9l4.45-3.975q.575-.5%201.363-.412t1.512.387q.8.35%201.663.5t1.737.025t1.613-.575t1.412-1L18%207.1q-.75.575-1.55%201.075t-1.725.775q-.825.225-1.662.238T11.4%209l.7%203.1l3.7-.7l5.2%203.7l-1.2%201.6l-4.3-3l-3.6.7l2.7%202zM6.588%204.913Q6%204.325%206%203.5t.588-1.412T8%201.5t1.413.588T10%203.5t-.587%201.413T8%205.5t-1.412-.587%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%22m13.5%2022.5l-2-.4l.8-4.3l-3.6-2.7l-1.3-5.7l-2.2%201.9l.8%203.8l-2%20.4l-1-4.9l4.45-3.975q.575-.5%201.363-.412t1.512.387q.8.35%201.663.5t1.737.025t1.613-.575t1.412-1L18%207.1q-.75.575-1.55%201.075t-1.725.775q-.825.225-1.662.238T11.4%209l.7%203.1l3.7-.7l5.2%203.7l-1.2%201.6l-4.3-3l-3.6.7l2.7%202zM6.588%204.913Q6%204.325%206%203.5t.588-1.412T8%201.5t1.413.588T10%203.5t-.587%201.413T8%205.5t-1.412-.587%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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