Material Symbols SVG

outlined / 400

  • w100
  • w200
  • w300
  • w400
  • w500
  • w600
  • w700

Cloud

Default

import { Cloud } from '@material-symbols-svg/react';

const App = () => {
  return <Cloud />;
};

export default App;

Current Variant

import { Cloud } from '@material-symbols-svg/react/w400';

const App = () => {
  return <Cloud size="40" />;
};

export default App;

Usage Examples

Common ways to use this icon in your application

Alert sample

Installation

Install the package to get started

@material-symbols-svg/react@material-symbols-svg/vue@material-symbols-svg/svelte@material-symbols-svg/astro@material-symbols-svg/react-native

npm i @material-symbols-svg/react