Skip to main content

Heart outlined

Examples

Heading
Smaller heading

Inline text

Inline font

Example link text

Download

Download the SVG to use or edit.

Download SVG

Icon font

Using the web font? Copy, paste, and go.

<i class="wiw-icon wiw-heart-outlined"></i>

Code point

  • Unicode: U+F149
  • CSS: \F149
  • JS: \uF149
  • HTML: &#xF149;

Copy HTML

Paste the SVG right into your project's code.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="wiw-icon wiw-heart-outlined" viewBox="0 0 24 24">
  <path fill-rule="evenodd" d="M6.5,3c-2.817,0 -4.5,1.869 -4.5,5c0,4.229 6.739,10.259 10,12.752c3.26,-2.495 10,-8.527 10,-12.752c0,-3.131 -1.683,-5 -4.5,-5c-2.649,0 -4.5,1.645 -4.5,4c0,0.55228 -0.44772,1 -1,1c-0.55228,0 -1,-0.44772 -1,-1c0,-2.355 -1.851,-4 -4.5,-4M12,23c-0.21131,0.00039 -0.41725,-0.06651 -0.588,-0.191c-0.466,-0.339 -11.412,-8.373 -11.412,-14.809c0,-4.187 2.612,-7 6.5,-7c2.398,0 4.378,1.023 5.5,2.665c1.122,-1.642 3.102,-2.665 5.5,-2.665c3.888,0 6.5,2.813 6.5,7c0,6.436 -10.946,14.47 -11.412,14.809c-0.17075,0.12449 -0.37669,0.19139 -0.588,0.191"/>
</svg>