Home/Libraries/OpenMoji (Iconify)/biting-lip

OpenMoji (Iconify)

BitingLip

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M22 41c11 0 14.5 7.5 25.5 7.5"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M64 37c0 5.5-3 18-13.5 18C24 55 8 37 8 37"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M33 37.5c4 0 7.5 6 15.5 5.5c6.4-.4 13-4 15.5-6"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" 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="#818cf8" stroke-linecap="round" stroke-width="1.5" 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="#818cf8" stroke-linecap="round" stroke-width="1.5" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BitingLipIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.