
Security News
PEP 810 Proposes Explicit Lazy Imports for Python 3.15
An opt-in lazy import keyword aims to speed up Python startups, especially CLIs, without the ecosystem-wide risks that sank PEP 690.
@kano/icons-rendering
Advanced tools
A small set of functions to help organizing the rendering of SVG icons with HTML templates.
A small set of functions to help organizing the rendering of SVG icons with HTML templates.
Keeping your SVG icons in memory as HTML template is efficient as the browser can copy the DOM tree really fast.
You can create the template using the svg
string litteral tag.
This can be used to create a SVG icon sheet with a whole set of icons.
import { svg } from '@kano/icons-rendering/index.js';
const svgTemplate = svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"></svg>`;
Rendering an icon by embedding its svg is the most efficient way to do it, you can clone the template to append its contents for a quick icon injection:
const { content } = svgTemplate.cloneNode(true);
el.appendChild(content);
If you do not control where the icon will be rendered and a src is required, you can use the dataURI
method:
import { svg, dataURI } from '@kano/icons-rendering/index.js';
const svgTemplate = svg`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"></svg>`;
const imageSrc = dataURI(svgTemplate);
FAQs
A small set of functions to help organizing the rendering of SVG icons with HTML templates.
We found that @kano/icons-rendering demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 13 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
An opt-in lazy import keyword aims to speed up Python startups, especially CLIs, without the ecosystem-wide risks that sank PEP 690.
Security News
Socket CEO Feross Aboukhadijeh discusses the recent npm supply chain attacks on PodRocket, covering novel attack vectors and how developers can protect themselves.
Security News
Maintainers back GitHub’s npm security overhaul but raise concerns about CI/CD workflows, enterprise support, and token management.