Smileeyes icon
fxemoji:smileeyes
The Smileeyes icon (fxemoji:smileeyes) 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
- Tags
- smileeye
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FFA1E0" d="M255.852 35.415c-121.806 0-220.544 98.75-220.544 220.545c0 3.536.102 7.048.267 10.543c-12.925 1.614-22.963 12.516-22.963 25.878c0 14.473 11.732 26.205 26.205 26.205h5.565c26.993 91.294 111.425 157.917 211.47 157.917c121.807 0 220.545-98.727 220.545-220.544c.001-121.793-98.737-220.544-220.545-220.544"/><path fill="#E274C8" d="M173.32 179.415a7.6 7.6 0 0 1-5.697-2.561c-5.773-6.518-14.116-10.255-22.896-10.258h-.007c-8.783 0-17.133 3.739-22.915 10.261a7.613 7.613 0 0 1-10.736.644a7.607 7.607 0 0 1-.644-10.736c8.667-9.773 21.166-15.377 34.295-15.377h.01c13.129.003 25.622 5.611 34.279 15.38a7.61 7.61 0 0 1-.65 10.736a7.58 7.58 0 0 1-5.039 1.911m168.813-2.561c5.782-6.518 14.126-10.258 22.912-10.258h.007c8.779.003 17.123 3.739 22.899 10.258c2.786 3.149 7.598 3.429 10.733.65a7.607 7.607 0 0 0 .647-10.736c-8.654-9.769-21.15-15.377-34.279-15.38h-.007c-13.129 0-25.632 5.604-34.292 15.38a7.603 7.603 0 0 0 .647 10.733a7.57 7.57 0 0 0 5.043 1.914a7.58 7.58 0 0 0 5.69-2.561"/><path fill="#2B3B47" d="M255.941 376.045c-32.889 0-65.769-11.314-90.8-33.955c-4.845-4.383-5.221-11.862-.838-16.707s11.862-5.221 16.707-.838c41.322 37.368 108.553 37.355 149.882 0c4.852-4.39 12.344-4 16.707.838c4.383 4.852 4.007 12.331-.838 16.707c-25.045 22.634-57.937 33.955-90.82 33.955m-78.905-143.182c-6.063-13.647-18.446-22.126-32.315-22.126h-.003c-13.872 0-26.255 8.476-32.322 22.126c-.402.904-.613 1.836-.741 2.769c-1.722 3.949-.935 8.67 2.464 11.681c4.218 3.736 10.677 3.35 14.417-.878c4.073-4.601 9.968-7.241 16.172-7.245h.003c6.208 0 12.11 2.644 16.189 7.248a10.2 10.2 0 0 0 7.647 3.439c2.406 0 4.825-.845 6.769-2.568c3.397-3.01 4.182-7.729 2.461-11.677c-.128-.933-.339-1.865-.741-2.769m221.069 2.776c-.127-.937-.338-1.872-.742-2.78c-6.066-13.648-18.45-22.123-32.318-22.123c-13.875 0-26.259 8.476-32.325 22.123c-.403.907-.615 1.842-.742 2.778c-1.718 3.947-.929 8.668 2.471 11.674c4.225 3.749 10.68 3.337 14.416-.878c4.066-4.601 9.961-7.241 16.166-7.245h.007c6.205 0 12.106 2.644 16.185 7.248a10.2 10.2 0 0 0 7.651 3.439a10.18 10.18 0 0 0 6.766-2.568c3.394-3.005 4.183-7.721 2.465-11.668"/><path fill="#E583C9" d="M476.148 265.824c.144-3.272.25-6.555.25-9.863c0-58.925-23.14-112.425-60.814-151.962c21.312 34.518 33.623 75.18 33.623 118.733c0 125.13-101.453 226.593-226.593 226.593c-43.542 0-84.205-12.312-118.741-33.609c39.556 37.65 93.056 60.788 151.979 60.788c100.301 0 184.902-66.966 211.67-158.618h5.21c14.472 0 26.204-11.732 26.204-26.203c0-13.302-9.948-24.169-22.788-25.859"/></svg>How to use the Smileeyes icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:smileeyes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:smileeyes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:smileeyes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--smileeyes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:smileeyes"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:smileeyes"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/smileeyes.svg" alt="Smileeyes icon" width="24" height="24">Smileeyes icon FAQ
Is the Smileeyes 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 Smileeyes icon in React?
Install @iconify/react and render <Icon icon="fxemoji:smileeyes" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Smileeyes icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/smileeyes.svg" alt="Smileeyes icon">, or paste the SVG code inline to style it with CSS.