Ícone Phone
ls:phone
O ícone Phone (ls:phone) é um ícone SVG gratuito da coleção Ligature Symbols de Kazuyuki Motoyama. Ele é desenhado em uma grade de 717 × 717. Ligature Symbols icons são publicados sob a Open Font License, 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
- Ligature Symbols
- Autor
- Kazuyuki Motoyama
- Licença
- OFL-1.1
- Tamanho
- 717 × 717
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="717" height="717" viewBox="0 0 717 717"><path fill="currentColor" d="M0 179c0 30 11 63 25 98s32 68 46 93c38 66 87 131 143 185s122 99 196 126c43 17 86 36 134 36c24 0 58-9 89-22c30-13 57-33 67-57c4-9 9-21 12-35c3-13 5-26 5-35c0-5 0-10-1-11c-3-6-10-11-18-16c-18-9-21-12-48-28c-28-16-57-34-82-47c-12-7-20-10-23-10c-16 0-36 22-53 46c-18 24-38 46-52 46c-7 0-14-3-22-8s-16-9-21-12c-88-50-147-109-197-196c-6-10-20-31-20-42c0-13 18-28 36-44c17-15 35-33 35-55c0-3-2-12-6-25c-9-26-21-56-31-85c-5-14-9-24-10-29c-2-3-3-7-4-12s-3-9-4-13c-3-9-8-16-13-20c-5-2-17-5-29-6c-12 0-26-1-32-1c-3 0-7 0-11 1H98C66 15 43 43 26 76C10 109 0 146 0 179"/></svg>
Como usar o ícone Phone
React
import { Icon } from "@iconify/react";
<Icon icon="ls:phone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:phone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:phone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--phone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:phone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:phone"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/ls/phone.svg" alt="Ícone Phone" width="24" height="24">
O ícone Phone em outras coleções
Perguntas frequentes sobre Ícone Phone
O ícone Phone é grátis para uso comercial?
Sim. Ligature Symbols icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Phone no React?
Instale @iconify/react e renderize <Icon icon="ls:phone" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Phone a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ls/phone.svg" alt="Ícone Phone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Ligature Symbols →
ICONYZ
