Lotion Tube icon

The lotion tube icon is a free health icon from Icon Monks, drawn as one clean path on a 256-unit grid in six weights. It is free for personal and commercial use under the MIT license.

Thin

SVG

Light

SVG

Regular

SVG

Bold

SVG

Fill

SVG

Duotone

SVG

Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.

About the lotion tube icon

Use it to stand for lotion, cream and tube. The regular weight is a single path made of 4 shapes, and the duotone weight adds a 20% tint behind the outline.

Pairs well with the abs, acupuncture and allergy icons. Use the same weight for all of them so they read as one set.

When to use the lotion tube icon

It belongs to the health set, made for medical, wellness and healthcare apps. People find it by searching for “lotion”, “cream”, “tube”, “skincare”, “cosmetics” and “toothpaste”. Pair it with the related icons below so a screen stays in one visual style.

Use the lotion tube icon in your code

React

import { LotionTube } from '@icon-monks/react';

<LotionTube size={24} />

Vue

<script setup>
import { LotionTube } from '@icon-monks/vue';
</script>

<LotionTube :size="24" />

Web component

<icon-monks name="lotion-tube" size="24"></icon-monks>

Icon font

<i class="im im-lotion-tube"></i>

Flutter

Icon(IconMonks.lotionTube)

SwiftUI

Image(iconMonks: .lotionTube)

Compose

import com.designmonks.icons.IconMonks
import com.designmonks.icons.regular.LotionTube

Icon(IconMonks.Regular.LotionTube, contentDescription = null)

Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.

Related health icons

See all 122 health icons

Similar icons in other categories

Questions about the lotion tube icon

Is the lotion tube icon free for commercial use?

Yes. The lotion tube icon is released under the MIT license, so you can use it in personal, client and commercial projects without paying or adding credit in your interface.

How do I change the color and size of the lotion tube icon?

The icon draws in currentColor, so it takes the text color around it. In React, Vue and the web component, set the size and color props; in the icon browser, pick a color and size before you download a PNG, WebP, SVG or PDF.

Which weight of the lotion tube icon should I use?

Use regular at 24 px for most interfaces, bold at 16 px or on busy screens, thin or light for large display sizes, fill for a selected or active state, and duotone for illustrations and empty states.

Last updated 3 November 2026 with version 0.4.3. Release notes