Ícone Phone Line
ri:phone-line
O ícone Phone Line (ri:phone-line) é um ícone SVG gratuito da coleção Remix Icon de Remix Design. Ele é desenhado em uma grade de 24 × 24. Remix Icon 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
- Remix Icon
- Autor
- Remix Design
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Dispositivo
- Tags
- phoneline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.366 10.682a10.56 10.56 0 0 0 3.952 3.952l.884-1.238a1 1 0 0 1 1.294-.296a11.4 11.4 0 0 0 4.583 1.364a1 1 0 0 1 .921.997v4.462a1 1 0 0 1-.898.995Q19.307 21 18.5 21C9.94 21 3 14.06 3 5.5q0-.807.082-1.602A1 1 0 0 1 4.077 3h4.462a1 1 0 0 1 .997.921A11.4 11.4 0 0 0 10.9 8.504a1 1 0 0 1-.296 1.294zm-2.522-.657l1.9-1.357A13.4 13.4 0 0 1 7.647 5H5.01Q5 5.25 5 5.5C5 12.956 11.044 19 18.5 19q.25 0 .5-.01v-2.637a13.4 13.4 0 0 1-3.668-1.097l-1.357 1.9a12.5 12.5 0 0 1-1.588-.75l-.058-.033a12.56 12.56 0 0 1-4.702-4.702l-.033-.058a12.4 12.4 0 0 1-.75-1.588"/></svg>
Como usar o ícone Phone Line
React
import { Icon } from "@iconify/react";
<Icon icon="ri:phone-line" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ri:phone-line" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ri:phone-line" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ri--phone-line]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ri -->
<div class="i-ri:phone-line"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ri:phone-line"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/ri/phone-line.svg" alt="Ícone Phone Line" width="24" height="24">
Ícones relacionados em Remix Icon
O ícone Phone Line em outras coleções
Perguntas frequentes sobre Ícone Phone Line
O ícone Phone Line é grátis para uso comercial?
Sim. Remix Icon icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Phone Line no React?
Instale @iconify/react e renderize <Icon icon="ri:phone-line" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Phone Line a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ri/phone-line.svg" alt="Ícone Phone Line">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Remix Icon →
ICONYZ
