Whitesmilingface icon
fxemoji:whitesmilingface
The Whitesmilingface icon (fxemoji:whitesmilingface) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Firefox OS Emoji
- Author
- Mozilla
- License
- Apache-2.0
- Size
- 512 × 512
- Category
- People
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFD469" d="M255.856 35.344c-121.846 0-220.615 98.783-220.615 220.617c0 3.27.085 6.519.226 9.754c-12.85 1.686-22.772 12.671-22.772 25.98c0 14.476 11.736 26.212 26.212 26.212h5.162c26.771 91.692 111.448 158.669 211.787 158.669c121.847 0 220.617-98.759 220.617-220.615c0-121.835-98.769-220.617-220.617-220.617"/><path fill="#FFB636" d="M476.247 265.715c.141-3.235.226-6.484.226-9.754c0-58.944-23.147-112.461-60.834-152.011c21.319 34.529 33.634 75.204 33.634 118.771c0 125.171-101.486 226.667-226.667 226.667c-43.556 0-84.232-12.316-118.779-33.62c39.569 37.662 93.086 60.808 152.029 60.808c100.34 0 185.017-66.977 211.788-158.669h5.162c14.477 0 26.212-11.736 26.212-26.212c.001-13.309-9.921-24.294-22.771-25.98"/><path fill="#2B3B47" d="M365.731 179.481c13.38 0 24.227 10.847 24.227 24.227v54.313c0 13.38-10.847.158-24.227.158s-24.227 13.222-24.227-.158v-54.313c0-13.381 10.847-24.227 24.227-24.227m-219.599 0c-13.38 0-24.227 10.847-24.227 24.227v54.313c0 13.38 10.847.158 24.227.158s24.227 13.222 24.227-.158v-54.313c0-13.381-10.847-24.227-24.227-24.227m108.205 196.59c17.331-.098 33.531-7.233 44.444-19.572c3.711-4.196 3.318-10.605-.878-14.316c-4.197-3.712-10.606-3.319-14.316.878c-7.095 8.021-17.799 12.659-29.366 12.725l-.251.001c-11.535 0-22.251-4.54-29.434-12.476c-3.759-4.153-10.173-4.475-14.326-.714c-4.153 3.758-4.473 10.172-.715 14.325c11.026 12.183 27.217 19.15 44.475 19.15z"/><path fill="#F2A74E" d="M343.707 271.369a7.606 7.606 0 0 1-3.388-14.421c16.181-8.035 34.663-8.272 50.705-.652a7.605 7.605 0 0 1 3.607 10.134a7.603 7.603 0 0 1-10.134 3.607c-11.802-5.607-25.438-5.411-37.413.537a7.6 7.6 0 0 1-3.377.795m-216.222-.795c11.974-5.947 25.611-6.142 37.413-.537a7.607 7.607 0 0 0 6.527-13.742c-16.044-7.62-34.524-7.382-50.705.652a7.606 7.606 0 0 0 3.389 14.421a7.55 7.55 0 0 0 3.376-.794"/></svg>How to use the Whitesmilingface icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:whitesmilingface" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:whitesmilingface" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:whitesmilingface" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--whitesmilingface]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:whitesmilingface"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:whitesmilingface"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/whitesmilingface.svg" alt="Whitesmilingface icon" width="24" height="24">Whitesmilingface icon FAQ
Is the Whitesmilingface icon free for commercial use?
Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Whitesmilingface icon in React?
Install @iconify/react and render <Icon icon="fxemoji:whitesmilingface" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Whitesmilingface icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/whitesmilingface.svg" alt="Whitesmilingface icon">, or paste the SVG code inline to style it with CSS.