Workspaces

Manage your font collections

Font Cart

3 Items
Inter
Sans Serif

Primary UI font. Do not use below 12px.

Roboto Mono
Monospace

Code blocks and data tables only.

Playfair Display
Serif

Hero headers and pull quotes.

Workspace links are read-only for guests

Back to Explorer
16 - 512
0.5 - 4.0
Save to
actionoutline

md perm contact calendar

Designed by Google Material

Developer Export Center

Code snippets update in real-time as you customize the playground.

const MdPermContactCalendarIcon = (props) => (
  <svg 
    xmlns="http://www.w3.org/2000/svg" 
    viewBox="0 0 24 24" 
    width="24"
    height="24"
    fill="none" 
    stroke="currentColor" 
    strokeWidth="2" 
    strokeLinecap="round" 
    strokeLinejoin="round" 
    {...props}
  >
    <path d="M0 0h24v24H0V0z" fill="none"/><path d="M20.84 4.22c-.05-.12-.11-.23-.18-.34-.14-.21-.33-.4-.54-.54-.11-.07-.22-.13-.34-.18-.24-.1-.5-.16-.78-.16h-1V1h-2v2H8V1H6v2H5c-.42 0-.8.13-1.12.34-.21.14-.4.33-.54.54-.07.11-.13.22-.18.34-.1.24-.16.5-.16.78v14c0 1.1.89 2 2 2h14c.28 0 .54-.06.78-.16.12-.05.23-.11.34-.18.21-.14.4-.33.54-.54.21-.32.34-.71.34-1.12V5c0-.28-.06-.54-.16-.78zM5 19V5h14v14H5zm7-6.12c-2.03 0-6 1.08-6 3.58V18h12v-1.53c0-2.51-3.97-3.59-6-3.59zM8.31 16c.69-.56 2.38-1.12 3.69-1.12s3.01.56 3.69 1.12H8.31zM12 12c1.65 0 3-1.35 3-3s-1.35-3-3-3-3 1.35-3 3 1.35 3 3 3zm0-4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1z"/>
  </svg>
);

SVG Optimizer

Before

0.81 KB

After

0.81 KB

Tags

accountaddress bookappointmentbuttoncalendarcontactdatedaydetailsdirectoryelementeventfacegraphichumaniconinformationinterfacemeetingmonthorganizerpeoplepermpermanentpersistentpersonpictogramprofilesavedschedulesymboltimeui elementuseryear

Compare Alternatives

See how other libraries approach this concept.

My Collections

0 icons saved

Loading collections...