Ctrl K

heart-half

0.2.63

F6DE

import Icon from '@mdi/react';
import { mdilHeartHalf } from '@mdi/light-js';

<Icon path={mdilHeartHalf} size={1} />

Start Using this Icon

<template>
  <svg-icon type="mdi" :path="path"></svg-icon>
</template>

<script>
import SvgIcon from '@jamescoyle/vue-icon';
import { mdilHeartHalf } from '@mdi/light-js';

export default {
  name: "my-component",
  components: {
    SvgIcon
  },
  data() {
    return {
       path: mdilHeartHalf,
    }
  }
}
</script>

Start Using this Icon

<span class="mdil mdil-heart-half"></span>

We highly recommend you do not use the webfont. See Webfont Alternatives for more information.

Start Using this Icon

Suggest a tag

Suggest an alias