Biting Lip icon
openmoji:biting-lip
The Biting Lip icon (openmoji:biting-lip) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- People Body
- Tags
- bitinglip
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M17 33h45v11H17z"/><path fill="#d22f27" d="M23.5 36.5H20L14.5 38L8 37.5C18 47 40 55.5 50.5 55S64 37 64 37c-3.833 2-12.6 6-17 6s-10.167-3.667-12.5-5.5h-11z"/><path fill="#d22f27" fill-rule="evenodd" d="M36.25 23.997c-1.694-.036-2.834-.435-3.648-.876a8 8 0 0 1-1.115-.74q-.126-.098-.266-.21a11 11 0 0 0-.666-.503A1 1 0 0 0 30 21.5c-5.29 0-10.744 2.498-14.963 5.566c-2.12 1.542-3.964 3.254-5.352 4.919c-1.362 1.634-2.358 3.313-2.661 4.8a1 1 0 0 0 .624 1.15C8.62 38.322 11.202 39 14.499 39c1.222 0 2.258-.388 3.315-.872c.33-.151.66-.31 1.002-.476c.789-.38 1.647-.794 2.736-1.221C24.605 35.234 29.353 34 38 34c5.904 0 12.33.986 17.304 1.98c2.482.497 4.591.993 6.079 1.365a102 102 0 0 1 2.19.574l.115.032l.02.006a1 1 0 0 0 .605-.007a1 1 0 0 0 .664-1.167c-.301-1.475-1.257-3.148-2.572-4.785c-1.34-1.666-3.12-3.379-5.18-4.923c-4.098-3.074-9.43-5.575-14.725-5.575a1 1 0 0 0-.554.168c-.204.136-.443.326-.667.503l-.265.21a8 8 0 0 1-1.115.74c-.815.44-1.954.84-3.649.876" clip-rule="evenodd"/><path fill="none" stroke="#ea5a47" stroke-linecap="round" stroke-width="2" d="M22 41c11 0 14.5 7.5 25.5 7.5"/><path fill="none" stroke="#d22f27" stroke-linecap="round" stroke-width="2" d="M64 37c0 5.5-3 18-13.5 18C24 55 8 37 8 37"/><path fill="none" stroke="#d22f27" stroke-linecap="round" stroke-width="2" d="M33 37.5c4 0 7.5 6 15.5 5.5c6.4-.4 13-4 15.5-6"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M64 37c0 5.5-3 18-13.5 18c-18.718 0-32.198-8.98-38.5-14.255"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M64 37c-2.5 2-9.1 5.6-15.5 6c-4.406.275-7.446-1.42-9.958-3M8 37c.833.333 3.3 1 6.5 1c4 0 6-5 23.5-5c12 0 26 4 26 4"/><path d="M7.02 36.804a1 1 0 0 0 1.96.392zM30 22.5l.555-.832A1 1 0 0 0 30 21.5zm6.5 3.5a1 1 0 1 0 0-2zM8.98 37.196c.202-1.008.953-2.385 2.241-3.93c1.269-1.523 2.988-3.124 4.992-4.582C20.243 25.752 25.29 23.5 30 23.5v-2c-5.29 0-10.744 2.498-14.963 5.566c-2.12 1.542-3.965 3.254-5.352 4.919c-1.368 1.641-2.367 3.327-2.666 4.819zm20.465-13.864c.213.142.416.32.819.631c.366.283.82.61 1.385.916C32.795 25.5 34.333 26 36.5 26v-2c-1.833 0-3.045-.417-3.899-.88a8 8 0 0 1-1.115-.74c-.285-.22-.644-.52-.931-.712z"/><path d="M64.98 36.804a1 1 0 0 1-1.96.392zM42.5 22.5l-.555-.832a1 1 0 0 1 .555-.168zM36 26a1 1 0 1 1 0-2zm27.02 11.196c-.205-1.02-.934-2.402-2.174-3.944c-1.224-1.522-2.88-3.121-4.821-4.577c-3.902-2.926-8.82-5.175-13.525-5.175v-2c5.294 0 10.627 2.501 14.725 5.575c2.06 1.544 3.84 3.258 5.18 4.923c1.322 1.645 2.28 3.326 2.576 4.806zM43.054 23.332c-.213.142-.416.32-.819.631c-.366.283-.82.61-1.385.916C39.705 25.5 38.167 26 36 26v-2c1.833 0 3.045-.417 3.899-.88a8 8 0 0 0 1.115-.74c.285-.22.644-.52.931-.712z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M28 36c0 .5.3 1.5 1.5 1.5h5c.5 0 1.5-.3 1.5-1.5m0 0c0 .5.3 1.5 1.5 1.5h5c.5 0 1.5-.3 1.5-1.5m0 0c0 .5.3 1.5 1.5 1.5h5M28 36c0 .5-.3 1.5-1.5 1.5H23"/></svg>How to use the Biting Lip icon
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:biting-lip" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:biting-lip" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:biting-lip" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--biting-lip]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:biting-lip"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:biting-lip"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/openmoji/biting-lip.svg" alt="Biting Lip icon" width="24" height="24">Biting Lip icon in other icon sets
Biting Lip icon FAQ
Is the Biting Lip icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Biting Lip icon in React?
Install @iconify/react and render <Icon icon="openmoji:biting-lip" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Biting Lip icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/biting-lip.svg" alt="Biting Lip icon">, or paste the SVG code inline to style it with CSS.