masked transitions

Material Symbols icon · masked-transitions

License: Apache 2.0
Author: Google
Grid: 24×24

Check the license before commercial use. Some sets ask you to credit the author.

Use this icon in your code

Pick how you want to install it. The snippets follow the color, size and stroke you set in the panel.

Smallest install: just this one library.

terminal

npm install @rdicons/react-material-symbols

your code

import { MaskedTransitions } from '@rdicons/react-material-symbols'

export function Example() {
  return <MaskedTransitions />
}

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#000000" d="M4.05 19.95Q2 17.9 2 15t2.05-4.95T9 8t4.95 2.05T16 15t-2.05 4.95T9 22t-4.95-2.05m8.488-1.412Q14 17.075 14 15t-1.463-3.537T9 10t-3.537 1.463T4 15t1.463 3.538T9 20t3.538-1.463M16.95 15.7q.05-.15.05-.325V15q0-3.325-2.337-5.662T9 7h-.375q-.175 0-.325.05q.65-2.2 2.463-3.625T15 2q2.9 0 4.95 2.05T22 9q0 2.425-1.425 4.238T16.95 15.7"/></svg>

masked transitions

Use this icon in your code

SVG code

More from Material Symbols