Ícone Phone Rotate Filled

reicon:phone-rotate-filled

O ícone Phone Rotate Filled (reicon:phone-rotate-filled) é um ícone SVG gratuito da coleção Reicon. Ele é desenhado em uma grade de 24 × 24. Reicon icons são publicados sob a licença MIT, 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: Reicon
Autor: REICON
Licença: MIT
Tamanho: 24 × 24
Categoria: Dispositivos
Tags: phonerotate, rotatefilled, phonerotatefilled

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" fill-rule="evenodd" d="M2.847 3.57C2 4.417 2 5.78 2 8.506v7.71c0 2.727 0 4.09.847 4.937S5.057 22 7.783 22h.964c2.726 0 4.09 0 4.936-.847s.847-2.21.847-4.936v-7.71c0-2.727 0-4.09-.847-4.937s-2.21-.847-4.936-.847h-.964c-2.726 0-4.09 0-4.936.847m3.008 1.322a.723.723 0 1 0 0 1.445h4.82a.723.723 0 0 0 0-1.445zm2.41 14.216a1.446 1.446 0 1 0 0-2.891a1.446 1.446 0 0 0 0 2.891m13.012-2.891c0 2.726 0 4.089-.847 4.936c-.451.45-1.682.664-2.982.765c-.89.069-1.336.103-1.645-.183s-.309-.755-.309-1.691v-7.642c0-.937 0-1.405.308-1.691s.754-.253 1.646-.187c1.3.097 2.531.305 2.982.756c.847.847.847 2.21.847 4.937m-2.169-1.928a.723.723 0 1 0-1.445 0v3.856a.723.723 0 1 0 1.445 0zM15.745 2.602a.723.723 0 0 1 .834-.592C19.663 2.535 22 5.25 22 8.506a.723.723 0 0 1-1.128.599l-1.445-.977a.723.723 0 1 1 .81-1.198l.095.065c-.556-1.84-2.1-3.237-3.995-3.56a.723.723 0 0 1-.592-.833" clip-rule="evenodd"/></svg>

Como usar o ícone Phone Rotate Filled

React

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

<Icon icon="reicon:phone-rotate-filled" width="24" />

Vue

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

<template>
  <Icon icon="reicon:phone-rotate-filled" width="24" />
</template>

Svelte

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

<Icon icon="reicon:phone-rotate-filled" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--phone-rotate-filled]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:phone-rotate-filled"></div>

Web component

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

<iconify-icon icon="reicon:phone-rotate-filled"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/reicon/phone-rotate-filled.svg" alt="Ícone Phone Rotate Filled" width="24" height="24">

Ícones relacionados em Reicon

Perguntas frequentes sobre Ícone Phone Rotate Filled

O ícone Phone Rotate Filled é grátis para uso comercial?

Sim. Reicon icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Phone Rotate Filled no React?

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

Como adiciono o ícone Phone Rotate Filled a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/reicon/phone-rotate-filled.svg" alt="Ícone Phone Rotate Filled">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Reicon →