Pl Icon

import { Icon } from '@iconify/react';

<Icon icon="cif:pl" />

<template>
  <Icon icon="cif:pl" />
</template>

<script setup>
import { Icon } from '@iconify/vue';
</script>

<script>
  import Icon from '@iconify/svelte';
</script>

<Icon icon="cif:pl" />

<iconify-icon icon="cif:pl"></iconify-icon>

/* Add to your CSS */
.icon-pl::before {
  content: '';
  background-image: url('data:image/svg+xml,%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M.5.75h300v187.5H.5z%22%2F%3E%3Cpath%20fill%3D%22%23DC143C%22%20d%3D%22M.5%2094.5h300v93.75H.5z%22%2F%3E%3C%2Fg%3E');
}

<g fill="none"><path fill="#FFF" d="M.5.75h300v187.5H.5z"/><path fill="#DC143C" d="M.5 94.5h300v93.75H.5z"/></g>