Lightning Alt Solid Icon

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

<Icon icon="basil:lightning-alt-solid" />

<template>
  <Icon icon="basil:lightning-alt-solid" />
</template>

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

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

<Icon icon="basil:lightning-alt-solid" />

<iconify-icon icon="basil:lightning-alt-solid"></iconify-icon>

/* Add to your CSS */
.icon-lightning-alt-solid::before {
  content: '';
  background-image: url('data:image/svg+xml,%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M13.82%203a.5.5%200%200%200-.847-.36l-1.778%201.71a35.6%2035.6%200%200%200-6.63%208.715a.5.5%200%200%200%20.435.746h4.31V21a.5.5%200%200%200%20.837.37l.795-.725a35.5%2035.5%200%200%200%207.001-8.78l.492-.87a.5.5%200%200%200-.435-.747h-4.18z%22%2F%3E');
}

<path fill="currentColor" d="M13.82 3a.5.5 0 0 0-.847-.36l-1.778 1.71a35.6 35.6 0 0 0-6.63 8.715a.5.5 0 0 0 .435.746h4.31V21a.5.5 0 0 0 .837.37l.795-.725a35.5 35.5 0 0 0 7.001-8.78l.492-.87a.5.5 0 0 0-.435-.747h-4.18z"/>