Zapal icon
thesvg-color:zapal
The Zapal icon (thesvg-color:zapal) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 98 × 90 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 98 × 90
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="98" height="90" viewBox="0 0 98 90"><defs><symbol id="SVGjLWOBdJI" viewBox="0 0 98 90"><path fill="#ff2800" d="M98 40L73.377 0L54.402 24c-5.213 6.592-.892 16 7.349 16h10L40.123 80h26.25z"/><path fill="#ff2800" d="m0 50l24.623 40l18.976-24c5.213-6.592.892-16-7.349-16h-10l31.628-40h-26.25z"/></symbol></defs><use width="98" height="90" href="#SVGjLWOBdJI"/></svg>How to use the Zapal icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:zapal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:zapal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:zapal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--zapal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:zapal"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:zapal"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/zapal.svg" alt="Zapal icon" width="24" height="24">Zapal icon FAQ
Is the Zapal icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Zapal icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:zapal" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Zapal icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/zapal.svg" alt="Zapal icon">, or paste the SVG code inline to style it with CSS.