Lips icon
fxemoji:lips
The Lips icon (fxemoji:lips) 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
- lip
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#FF473E" d="M505.041 249.364c-4.85-4.922-14.117-6.782-19.544-9.102c-22.788-9.743-30.049-21.518-50.242-35.927c-21.834-15.572-40.243-35.495-64.437-47.729c-23.592-11.93-49.984-13.992-75.085-5.611c-12.208 4.077-23.663 10.153-34.388 17.242c-3.337 2.206-7.562 2.49-11.117.653c-10.285-5.315-30.049-16.652-33.772-17.895c-59.036-19.713-95.972 22.279-139.522 53.34c-20.194 14.409-27.454 26.184-50.242 35.927c-5.789 2.475-14.988 4.072-19.598 8.96c-3.594 3.827-3.466 7.153-3.466 11.118c0 26.401 68.929 142.389 252.052 142.389S508.042 286.43 508.042 260.876c0-1.541.343-8.119-3.001-11.512"/><path fill="#FFF" d="M16.278 261.791c5.345.192 10.608.396 16.023.019l16.045-.536c5.315-.069 10.563-.529 16.014-.87l16.159-.908c5.372-.322 10.614-.842 15.91-1.251c5.279-.447 10.554-.791 15.819-1.372c5.257-.569 10.542-.939 15.756-1.665c5.232-.695 10.425-1.261 15.676-2.086l15.946-2.179c5.383-.687 11.092-1.386 16.851-1.72l4.371-.219l2.188-.107l1.094-.053l.547-.026l.137-.006l.912.02l.253.009l8.083.284c1.193-.03 3.057.273 4.738.507c1.707.239 3.414.51 5.109.808c3.468.566 5.972 1.497 8.998 2.252c2.809.808 5.171 1.651 7.779 2.476l6.895 2.106l6.657 1.505c2.26.396 4.596.596 6.881.923c2.24.401 4.708.403 7.131.482l3.635.124l1.816.066l.908.034l.454.017l.114.004l.057.002c-1.298.133 2.986-.295-2.896.299l.246-.044l1.307-.236l1.648-.063c3.833-.147 11-.116 14.951-.711l6.426-.856l6.662-1.509l6.872-2.075c2.597-.827 5.008-1.667 7.756-2.482c5.632-1.697 11.927-3.058 18.28-3.6l9.395-.352l.586-.018l.949.031l1.01.052l2.02.104l4.041.208c5.245.275 11.86 1.045 17.082 1.716l15.971 2.171c5.256.826 10.456 1.401 15.693 2.095c5.218.737 10.51 1.102 15.772 1.674c5.258.589 10.572.924 15.885 1.373c10.607.99 21.305 1.585 32.031 2.165l8.044.542l2.013.135l.503.034c-.212.019.232.014.316.022l1.014.03l4.058.119l16.235.534c5.487.377 10.688.18 16.004-.012c5.364-.005 5.778 1.72.464 2.585c-5.38.958-10.882 1.864-16.218 2.21l-16.136 1.368l-4.035.327l-1.009.082l-1.204.062l-2.036.088l-8.149.351c-10.869.419-21.76.709-32.709.657c-5.473.071-10.943.001-16.429-.254c-5.479-.248-10.986-.291-16.462-.711c-10.931-.579-22.052-1.636-32.466-2.679c-5.461-.459-9.565-.853-15.098-.963l-4.049-.056l-2.025-.028l-1.012-.014l-.253-.003l-.127-.002l-.063-.001c-.414-.006.492.007.38.008l-.424.036l-6.759.518c-2.232.197-4.253.808-6.408 1.1c-2.127.364-4.308 1.19-6.467 1.738c-2.268.701-4.755 1.599-7.121 2.388l-8.13 2.569l-8.817 2.119c-3.096.541-6.325.941-9.496 1.375c-3.403.538-5.839.51-8.581.668l-4.041.191l-2.02.095l-1.01.048l-1.155.026l-.503-.043l2.952-.299l-.247.041c-5.923.599-1.682.164-3.022.297l-.069-.003l-.139-.006l-.556-.024l-1.111-.048l-2.222-.099l-4.442-.206c-2.961-.143-5.9-.211-8.937-.736c-3.006-.446-6.036-.786-9.007-1.355l-8.804-2.119l-8.069-2.574c-2.355-.779-4.869-1.704-7.093-2.366c-2.089-.524-4.486-1.429-6.309-1.684a44 44 0 0 1-2.78-.552c-.952-.197-1.691-.491-3.213-.531l-8.053-.586l-6.658.093c-5.001.099-10.006.515-15.288.988c-10.409 1.05-21.519 2.072-32.435 2.665c-5.47.413-10.969.463-16.441.71c-5.467.264-10.964.309-16.458.246c-11.038.055-21.82-.233-32.596-.658c-5.332-.251-10.869-.379-16.33-.903l-16.289-1.368c-5.397-.345-10.821-1.251-16.16-2.205c-5.221-.836-4.935-2.592.514-2.559"/></svg>How to use the Lips icon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:lips" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:lips" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:lips" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--lips]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:lips"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:lips"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fxemoji/lips.svg" alt="Lips icon" width="24" height="24">Related icons in Firefox OS Emoji
Lips icon in other icon sets
Lips icon FAQ
Is the Lips 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 Lips icon in React?
Install @iconify/react and render <Icon icon="fxemoji:lips" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Lips icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/lips.svg" alt="Lips icon">, or paste the SVG code inline to style it with CSS.