Skip to content

A set of free, beautiful, neutral, hand-crafted SVG icons for you to use in your web projects.

License

Notifications You must be signed in to change notification settings

zraly/humbleicons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Humbleicons

A set of free MIT-licensed hand-crafted, neutral, simple SVG icons for you to use in your web projects.

Browse on humbleicons.com.

Install

Humbleicons are packaged up and published to npm.

npm i humbleicons

Usage

You can include Humbleicons in these ways:

Copy-paste SVGs as embedded HTML

<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  <g stroke="currentColor" stroke-linecap="round" stroke-width="2">
    <path d="M12 17l-1.5 1.5a3.536 3.536 0 01-5 0v0a3.536 3.536 0 010-5l3-3a3.536 3.536 0 015 0v0"/>
    <path d="M12 7l1.5-1.5a3.536 3.536 0 015 0v0a3.536 3.536 0 010 5l-3 3a3.536 3.536 0 01-5 0v0"/>
  </g>
</svg>

Use the SVG sprite

<svg class="humbleicons">
  <use xlink:href="humbleicons.svg#desktop"/>
</svg>

Recommended global styling:

.humbleicons {
	width: 1.15em;
	height: 1.15em;
	display: inline-block;
	align-self: center;
}

About

A set of free, beautiful, neutral, hand-crafted SVG icons for you to use in your web projects.

Topics

Resources

License

Stars

Watchers

Forks