firework icon
firework-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- firework-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the firework icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.25 2.908a1.347 1.347 0 0 0-1.935.694l-1.573 4.197c-.238.635.595 1.116 1.025.592l2.85-3.46a1.347 1.347 0 0 0-.367-2.023m-8.565.694A1.347 1.347 0 1 0 6.384 4.93l2.849 3.461c.43.524 1.262.043 1.025-.592zm-5.616 7.07a1.347 1.347 0 1 0 0 2.658l4.421-.737c.669-.112.669-1.073 0-1.184zM22.5 12c0-.832-.747-1.465-1.569-1.328l-4.421.737c-.669.111-.669 1.072 0 1.184l4.421.737A1.347 1.347 0 0 0 22.5 12m-12.242 4.202c.237-.634-.595-1.115-1.025-.592l-2.85 3.461A1.347 1.347 0 1 0 8.685 20.4zm4.509-.592c-.43-.523-1.263-.042-1.025.592l1.573 4.198a1.347 1.347 0 1 0 2.301-1.329zM12 3.5c-.832 0-1.466.748-1.329 1.57l.737 4.421c.112.669 1.072.669 1.184 0l.737-4.422A1.347 1.347 0 0 0 12 3.501m7.361 4.249a1.347 1.347 0 0 0-2.023-.366l-3.46 2.85c-.524.43-.043 1.262.591 1.024l4.198-1.572a1.347 1.347 0 0 0 .694-1.935M6.662 7.384a1.347 1.347 0 1 0-1.33 2.302l4.199 1.572c.634.238 1.115-.594.591-1.025zm7.808 5.359c-.635-.238-1.116.594-.592 1.025l3.46 2.85a1.347 1.347 0 1 0 1.33-2.302zm-4.347 1.025c.523-.43.042-1.263-.592-1.025l-4.198 1.573a1.347 1.347 0 1 0 1.329 2.301zm2.469.742c-.112-.668-1.072-.668-1.184 0l-.737 4.422a1.347 1.347 0 1 0 2.658 0z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteFireworkFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.25 2.908a1.347 1.347 0 0 0-1.935.694l-1.573 4.197c-.238.635.595 1.116 1.025.592l2.85-3.46a1.347 1.347 0 0 0-.367-2.023m-8.565.694A1.347 1.347 0 1 0 6.384 4.93l2.849 3.461c.43.524 1.262.043 1.025-.592zm-5.616 7.07a1.347 1.347 0 1 0 0 2.658l4.421-.737c.669-.112.669-1.073 0-1.184zM22.5 12c0-.832-.747-1.465-1.569-1.328l-4.421.737c-.669.111-.669 1.072 0 1.184l4.421.737A1.347 1.347 0 0 0 22.5 12m-12.242 4.202c.237-.634-.595-1.115-1.025-.592l-2.85 3.461A1.347 1.347 0 1 0 8.685 20.4zm4.509-.592c-.43-.523-1.263-.042-1.025.592l1.573 4.198a1.347 1.347 0 1 0 2.301-1.329zM12 3.5c-.832 0-1.466.748-1.329 1.57l.737 4.421c.112.669 1.072.669 1.184 0l.737-4.422A1.347 1.347 0 0 0 12 3.501m7.361 4.249a1.347 1.347 0 0 0-2.023-.366l-3.46 2.85c-.524.43-.043 1.262.591 1.024l4.198-1.572a1.347 1.347 0 0 0 .694-1.935M6.662 7.384a1.347 1.347 0 1 0-1.33 2.302l4.199 1.572c.634.238 1.115-.594.591-1.025zm7.808 5.359c-.635-.238-1.116.594-.592 1.025l3.46 2.85a1.347 1.347 0 1 0 1.33-2.302zm-4.347 1.025c.523-.43.042-1.263-.592-1.025l-4.198 1.573a1.347 1.347 0 1 0 1.329 2.301zm2.469.742c-.112-.668-1.072-.668-1.184 0l-.737 4.422a1.347 1.347 0 1 0 2.658 0z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17.25 2.908a1.347 1.347 0 0 0-1.935.694l-1.573 4.197c-.238.635.595 1.116 1.025.592l2.85-3.46a1.347 1.347 0 0 0-.367-2.023m-8.565.694A1.347 1.347 0 1 0 6.384 4.93l2.849 3.461c.43.524 1.262.043 1.025-.592zm-5.616 7.07a1.347 1.347 0 1 0 0 2.658l4.421-.737c.669-.112.669-1.073 0-1.184zM22.5 12c0-.832-.747-1.465-1.569-1.328l-4.421.737c-.669.111-.669 1.072 0 1.184l4.421.737A1.347 1.347 0 0 0 22.5 12m-12.242 4.202c.237-.634-.595-1.115-1.025-.592l-2.85 3.461A1.347 1.347 0 1 0 8.685 20.4zm4.509-.592c-.43-.523-1.263-.042-1.025.592l1.573 4.198a1.347 1.347 0 1 0 2.301-1.329zM12 3.5c-.832 0-1.466.748-1.329 1.57l.737 4.421c.112.669 1.072.669 1.184 0l.737-4.422A1.347 1.347 0 0 0 12 3.501m7.361 4.249a1.347 1.347 0 0 0-2.023-.366l-3.46 2.85c-.524.43-.043 1.262.591 1.024l4.198-1.572a1.347 1.347 0 0 0 .694-1.935M6.662 7.384a1.347 1.347 0 1 0-1.33 2.302l4.199 1.572c.634.238 1.115-.594.591-1.025zm7.808 5.359c-.635-.238-1.116.594-.592 1.025l3.46 2.85a1.347 1.347 0 1 0 1.33-2.302zm-4.347 1.025c.523-.43.042-1.263-.592-1.025l-4.198 1.573a1.347 1.347 0 1 0 1.329 2.301zm2.469.742c-.112-.668-1.072-.668-1.184 0l-.737 4.422a1.347 1.347 0 1 0 2.658 0z"/></svg> </template>
CSS
.icon-firework-fill {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.25%202.908a1.347%201.347%200%200%200-1.935.694l-1.573%204.197c-.238.635.595%201.116%201.025.592l2.85-3.46a1.347%201.347%200%200%200-.367-2.023m-8.565.694A1.347%201.347%200%201%200%206.384%204.93l2.849%203.461c.43.524%201.262.043%201.025-.592zm-5.616%207.07a1.347%201.347%200%201%200%200%202.658l4.421-.737c.669-.112.669-1.073%200-1.184zM22.5%2012c0-.832-.747-1.465-1.569-1.328l-4.421.737c-.669.111-.669%201.072%200%201.184l4.421.737A1.347%201.347%200%200%200%2022.5%2012m-12.242%204.202c.237-.634-.595-1.115-1.025-.592l-2.85%203.461A1.347%201.347%200%201%200%208.685%2020.4zm4.509-.592c-.43-.523-1.263-.042-1.025.592l1.573%204.198a1.347%201.347%200%201%200%202.301-1.329zM12%203.5c-.832%200-1.466.748-1.329%201.57l.737%204.421c.112.669%201.072.669%201.184%200l.737-4.422A1.347%201.347%200%200%200%2012%203.501m7.361%204.249a1.347%201.347%200%200%200-2.023-.366l-3.46%202.85c-.524.43-.043%201.262.591%201.024l4.198-1.572a1.347%201.347%200%200%200%20.694-1.935M6.662%207.384a1.347%201.347%200%201%200-1.33%202.302l4.199%201.572c.634.238%201.115-.594.591-1.025zm7.808%205.359c-.635-.238-1.116.594-.592%201.025l3.46%202.85a1.347%201.347%200%201%200%201.33-2.302zm-4.347%201.025c.523-.43.042-1.263-.592-1.025l-4.198%201.573a1.347%201.347%200%201%200%201.329%202.301zm2.469.742c-.112-.668-1.072-.668-1.184%200l-.737%204.422a1.347%201.347%200%201%200%202.658%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.25%202.908a1.347%201.347%200%200%200-1.935.694l-1.573%204.197c-.238.635.595%201.116%201.025.592l2.85-3.46a1.347%201.347%200%200%200-.367-2.023m-8.565.694A1.347%201.347%200%201%200%206.384%204.93l2.849%203.461c.43.524%201.262.043%201.025-.592zm-5.616%207.07a1.347%201.347%200%201%200%200%202.658l4.421-.737c.669-.112.669-1.073%200-1.184zM22.5%2012c0-.832-.747-1.465-1.569-1.328l-4.421.737c-.669.111-.669%201.072%200%201.184l4.421.737A1.347%201.347%200%200%200%2022.5%2012m-12.242%204.202c.237-.634-.595-1.115-1.025-.592l-2.85%203.461A1.347%201.347%200%201%200%208.685%2020.4zm4.509-.592c-.43-.523-1.263-.042-1.025.592l1.573%204.198a1.347%201.347%200%201%200%202.301-1.329zM12%203.5c-.832%200-1.466.748-1.329%201.57l.737%204.421c.112.669%201.072.669%201.184%200l.737-4.422A1.347%201.347%200%200%200%2012%203.501m7.361%204.249a1.347%201.347%200%200%200-2.023-.366l-3.46%202.85c-.524.43-.043%201.262.591%201.024l4.198-1.572a1.347%201.347%200%200%200%20.694-1.935M6.662%207.384a1.347%201.347%200%201%200-1.33%202.302l4.199%201.572c.634.238%201.115-.594.591-1.025zm7.808%205.359c-.635-.238-1.116.594-.592%201.025l3.46%202.85a1.347%201.347%200%201%200%201.33-2.302zm-4.347%201.025c.523-.43.042-1.263-.592-1.025l-4.198%201.573a1.347%201.347%200%201%200%201.329%202.301zm2.469.742c-.112-.668-1.072-.668-1.184%200l-.737%204.422a1.347%201.347%200%201%200%202.658%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/firework-fill.svg?color=%231a73e8&size=48
