ICONYZ
Português (Brasil)
Ícone Falling Rounded de Material Symbols

Ícone Falling Rounded

material-symbols:falling-rounded

O ícone Falling Rounded (material-symbols:falling-rounded) é um ícone SVG gratuito da coleção Material Symbols de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Material Symbols
Autor
Google
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Social
Tags
fallingrounded, falling outline rounded
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m12.3 17.8l-3.025-2.25q-.275-.2-.475-.513t-.275-.662L7.4 9.4l-2.2 1.9l.6 2.8q.1.425-.137.775T5 15.3t-.775-.15t-.425-.65l-.575-2.775q-.125-.525.05-1.037t.575-.863l3.6-3.2q.575-.5 1.362-.413t1.513.388q.8.35 1.663.5t1.737.025q.6-.1 1.15-.35t1.05-.6q.35-.25.763-.212t.687.362t.213.738t-.413.662q-.575.4-1.175.713t-1.275.512q-.825.225-1.662.238T11.4 9l.7 3.1l2.875-.55q.4-.075.788.012t.737.338l3.675 2.6q.35.25.413.663t-.213.762q-.25.325-.638.388T19 16.15l-3.5-2.45l-3.6.7l1.7 1.25q.45.35.663.875t.112 1.1l-.7 3.85q-.075.425-.425.663t-.775.162t-.65-.425t-.15-.775zM6.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>

Como usar o ícone Falling Rounded

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols:falling-rounded" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols:falling-rounded" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols:falling-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--falling-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:falling-rounded"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="material-symbols:falling-rounded"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/falling-rounded.svg" alt="Ícone Falling Rounded" width="24" height="24">

Ícones relacionados em Material Symbols

O ícone Falling Rounded em outras coleções

Perguntas frequentes sobre Ícone Falling Rounded

O ícone Falling Rounded é grátis para uso comercial?

Sim. Material Symbols icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Falling Rounded no React?

Instale @iconify/react e renderize <Icon icon="material-symbols:falling-rounded" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Falling Rounded a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols/falling-rounded.svg" alt="Ícone Falling Rounded">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Material Symbols →