Vector icon for Code Pen (icon-codepen)

Scalable vector icon representing Code Pen referenced by class icon-codepen included in Font Mfizz. After you get up and running, you can place Font Mfizz icons nearly anywhere in your HTML by simply using the <i> tag.

  • Name: Code Pen
  • Class: icon-codepen
  • Category: Brands
  • Created: v2.4.0

Usage

Basic

icon-codepen

<i class="icon-codepen"></i> icon-codepen

Underlined

icon-codepen

<span style="text-decoration:underline;"><i class="icon-codepen"></i> icon-codepen</span>

Color

icon-codepen

<i class="icon-codepen" style="color:red"></i> <i class="icon-codepen" style="color:green"></i> <i class="icon-codepen" style="color:blue"></i> <i class="icon-codepen" style="color:purple"></i> icon-codepen

Hover

icon-codepen

<style type="text/css" scoped>
.glyph-sample:hover { color:blue; }
</style>
<span class="glyph-sample"><i class="icon-codepen"></i> icon-codepen</span>

Tags