Menu

Beta
Sign in
Humidity SVG icon, line

Humidity SVG icon, line

A large water droplet encloses a simple percent mark to represent relative humidity. Use it in a room climate app and on a home station readings screen.

Free · from Home Weather Station Icons, Line

Similar SVGs

More from Home Weather Station Icons, Line

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/OFVqZWC_2CRJ/amnt.svg" alt="Humidity" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><g id="layer-1" data-name="Shape 1"><path d="M12 2.2C10.5 4.3 5 10.3 5 14.5C5 18.37 8.13 21.5 12 21.5C15.87 21.5 19 18.37 19 14.5C19 10.3 13.5 4.3 12 2.2Z" fill="none" stroke="#000000" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-2" data-name="Circle 2"><path d="M10.75 12C10.75 12.64 10.24 13.15 9.6 13.15C8.96 13.15 8.45 12.64 8.45 12C8.45 11.36 8.96 10.85 9.6 10.85C10.24 10.85 10.75 11.36 10.75 12Z" fill="none" stroke="#000000" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-3" data-name="Shape 3"><path d="M14.2 10.8L9.8 17.2" fill="none" stroke="#000000" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></g><g id="layer-4" data-name="Circle 4"><path d="M15.55 16C15.55 16.64 15.04 17.15 14.4 17.15C13.76 17.15 13.25 16.64 13.25 16C13.25 15.36 13.76 14.85 14.4 14.85C15.04 14.85 15.55 15.36 15.55 16Z" fill="none" stroke="#000000" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></g></svg>
CSS background-image
.humidity {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/OFVqZWC_2CRJ/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.humidity {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/OFVqZWC_2CRJ/amnt.svg") center / contain no-repeat;
}
React
import HumiditySvg from "./humidity.jsx"; // from the React tab above

<HumiditySvg width={48} height={48} />

Tags

humiditywaterdropletweather

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Draw one relative humidity weather icon: a large outlined water droplet containing a simple percent symbol made from two small rings and one diagonal stroke. Use a clean monochrome outline, uniform stroke width, rounded caps and joins, no additional text, and a transparent square canvas. Provide sufficient internal spacing for 24-pixel display. as part of the pack Home Weather Station Icons, Line. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings