Ícone Phone Thin
iconamoon:phone-thin
O ícone Phone Thin (iconamoon:phone-thin) é um ícone SVG gratuito da coleção IconaMoon de Dariush Habibpour. Ele é desenhado em uma grade de 24 × 24. IconaMoon icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- IconaMoon
- Autor
- Dariush Habibpour
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Comunicação
- Tags
- phonethin
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.506 7.96A16.03 16.03 0 0 1 7.96 19.506C5.819 20.051 4 18.21 4 16v-1c0-.552.449-.995.998-1.05a10 10 0 0 0 2.656-.639l1.52 1.52a12.05 12.05 0 0 0 5.657-5.657l-1.52-1.52a10 10 0 0 0 .64-2.656C14.005 4.448 14.448 4 15 4h1c2.21 0 4.051 1.819 3.506 3.96"/></svg>
Como usar o ícone Phone Thin
React
import { Icon } from "@iconify/react";
<Icon icon="iconamoon:phone-thin" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="iconamoon:phone-thin" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="iconamoon:phone-thin" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[iconamoon--phone-thin]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/iconamoon -->
<div class="i-iconamoon:phone-thin"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconamoon:phone-thin"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/iconamoon/phone-thin.svg" alt="Ícone Phone Thin" width="24" height="24">
Ícones relacionados em IconaMoon
O ícone Phone Thin em outras coleções
Perguntas frequentes sobre Ícone Phone Thin
O ícone Phone Thin é grátis para uso comercial?
Sim. IconaMoon icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Phone Thin no React?
Instale @iconify/react e renderize <Icon icon="iconamoon:phone-thin" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Phone Thin a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/iconamoon/phone-thin.svg" alt="Ícone Phone Thin">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones IconaMoon →
ICONYZ
