导出 SVG

本教程属于 Iconify Tools 中的 导出函数文档 部分。

IconSet 实例提供了 toString() 函数，可将图标导出为 string 格式。您可以使用 forEach() 遍历图标集中的所有图标。

示例

example.ts

tsimport { promises as fs } from 'fs';
import {
   importDirectory,
   cleanupSVG,
   runSVGO,
   parseColors,
   isEmptyColor,
} from '@iconify/tools';

(async () => {
   // Import icons
   const iconSet = await importDirectory('files/svg', {
       prefix: 'test',
   });

   // Validate, clean up, fix palette and optimise
   iconSet.forEach((name, type) => {
       if (type !== 'icon') {
           return;
       }

       const svg = iconSet.toSVG(name);
       if (!svg) {
           // Invalid icon
           iconSet.remove(name);
           return;
       }

       // Clean up and optimise icons
       try {
           // Cleanup icon code
           cleanupSVG(svg);

           // Assume icon is monotone: replace color with currentColor, add if missing
           // If icon is not monotone, remove this code
           parseColors(svg, {
               defaultColor: 'currentColor',
               callback: (attr, colorStr, color) => {
                   return !color || isEmptyColor(color) ? colorStr : 'currentColor';
               },
           });

           // Optimise
           runSVGO(svg);
       } catch (err) {
           // Invalid icon
           console.error(`Error parsing ${name}:`, err);
           iconSet.remove(name);
           return;
       }

       // Update icon
       iconSet.fromSVG(name, svg);
   });

   // Export all icons
   await iconSet.forEach(async (name) => {
       const svg = iconSet.toString(name);
       if (!svg) {
           return;
       }

       // Save to file
       await fs.writeFile(`output/${name}.svg`, svg, 'utf8');
       console.log(`Saved output/${name}.svg (${svg.length} bytes)`);
   });
})();