smoke-particles

pnpm dlx shadcn@latest add https://opensourceicon.com/r/meteocons/smoke-particles.json

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 512 512"><defs><symbol id="SVGm1nJYdFP8" viewBox="0 0 173 217"><circle cx="88.5" cy="188.5" r="24" fill="none" stroke="#afb4bc" stroke-miterlimit="10" stroke-width="9" opacity="0"><animateTransform id="SVGSIWwabXC293" additive="sum" attributeName="transform" begin="0s; x1.end+.75s" dur="2.25s" type="translate" values="0 0; -58 -118"/><animate id="SVGwMop6jTM293" attributeName="r" begin="0s; y1.end+.75s" dur="2.25s" values="24; 36"/><animate id="SVGpf3xoe5L293" attributeName="opacity" begin="0s; y1.end+.75s" dur="2.25s" keyTimes="0; .17; .83; 1" values="0; 1; 1; 0"/></circle><circle cx="88.5" cy="188.5" r="24" fill="none" stroke="#afb4bc" stroke-miterlimit="10" stroke-width="9" opacity="0"><animateTransform id="SVG9UUncbie293" additive="sum" attributeName="transform" begin=".83s; x2.end+.75s" dur="2.25s" type="translate" values="0 0; 58 -118"/><animate id="SVGy1y3kexh293" attributeName="r" begin=".83s; y2.end+.75s" dur="2.25s" values="24; 36"/><animate id="SVGlVPGvdSQ293" attributeName="opacity" begin=".83s; z2.end+.75s" dur="2.25s" keyTimes="0; .17; .83; 1" values="0; 1; 1; 0"/></circle><circle cx="88.5" cy="188.5" r="24" fill="none" stroke="#afb4bc" stroke-miterlimit="10" stroke-width="9" opacity="0"><animateTransform id="SVG6DGESzgM293" additive="sum" attributeName="transform" begin="1.66s; x3.end+.75s" dur="2.25s" type="translate" values="0 0; 0 -118"/><animate id="SVGAYOvydkN293" attributeName="r" begin="1.66s; y3.end+.75s" dur="2.25s" values="24; 36"/><animate id="SVGsnO4ybfH293" attributeName="opacity" begin="1.66s; z3.end+.75s" dur="2.25s" keyTimes="0; .17; .83; 1" values="0; 1; 1; 0"/></circle></symbol></defs><use width="173" height="217" href="#SVGm1nJYdFP8" transform="translate(169.5 147.5)"/></svg>