Ícone Face Smile Beam

fa7-regular:face-smile-beam

O ícone Face Smile Beam (fa7-regular:face-smile-beam) é um ícone SVG gratuito da coleção Font Awesome Regular de Dave Gandy. Ele é desenhado em uma grade de 640 × 640. Font Awesome Regular 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: Font Awesome Regular
Autor: Dave Gandy
Licença: CC-BY-4.0
Tamanho: 640 × 640
Tags: facesmile, smilebeam, facesmilebeam

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="M528 320c0-114.9-93.1-208-208-208s-208 93.1-208 208s93.1 208 208 208s208-93.1 208-208m-464 0C64 178.6 178.6 64 320 64s256 114.6 256 256s-114.6 256-256 256S64 461.4 64 320m177.3 63.4c15 15.6 41.1 32.6 78.7 32.6s63.7-17 78.7-32.6c9.2-9.6 24.4-9.9 33.9-.7s9.9 24.4.7 33.9c-22.1 23-60 47.4-113.3 47.4s-91.2-24.4-113.3-47.4c-9.2-9.6-8.9-24.8.7-33.9s24.8-8.9 33.9.7M240 244c-15.5 0-28 12.5-28 28v8c0 11-9 20-20 20s-20-9-20-20v-8c0-37.6 30.4-68 68-68s68 30.4 68 68v8c0 11-9 20-20 20s-20-9-20-20v-8c0-15.5-12.5-28-28-28m132 28v8c0 11-9 20-20 20s-20-9-20-20v-8c0-37.6 30.4-68 68-68s68 30.4 68 68v8c0 11-9 20-20 20s-20-9-20-20v-8c0-15.5-12.5-28-28-28s-28 12.5-28 28"/></svg>

Como usar o ícone Face Smile Beam

React

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

<Icon icon="fa7-regular:face-smile-beam" width="24" />

Vue

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

<template>
  <Icon icon="fa7-regular:face-smile-beam" width="24" />
</template>

Svelte

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

<Icon icon="fa7-regular:face-smile-beam" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-regular--face-smile-beam]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa7-regular -->
<div class="i-fa7-regular:face-smile-beam"></div>

Web component

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

<iconify-icon icon="fa7-regular:face-smile-beam"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/fa7-regular/face-smile-beam.svg" alt="Ícone Face Smile Beam" width="24" height="24">

Ícones relacionados em Font Awesome Regular

O ícone Face Smile Beam em outras coleções

Perguntas frequentes sobre Ícone Face Smile Beam

O ícone Face Smile Beam é grátis para uso comercial?

Sim. Font Awesome Regular 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 Face Smile Beam no React?

Instale @iconify/react e renderize <Icon icon="fa7-regular:face-smile-beam" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Face Smile Beam a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fa7-regular/face-smile-beam.svg" alt="Ícone Face Smile Beam">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Font Awesome Regular →