Security News
NIST Misses 2024 Deadline to Clear NVD Backlog
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.
@lmc-eu/spirit-icons
Advanced tools
Icons of Spirit Design System.
🙋🏻♂️ Hold on! Do you already use spirit-web
? Then you don't need to
install this package because spirit-icons
is installed automatically
as a dependency of spirit-web
.
If you want to use just spirit-icons
alone in your project, run:
yarn add @lmc-eu/spirit-icons
or
npm install --save @lmc-eu/spirit-icons
Icons with the suffix -colored
come with predefined colors, so no additional coloring is needed.
In contrast, icons without this suffix inherit the color from the currentColor
CSS property of their parent element
or themself.
You can use SVG files directly from @lmc-eu/spirit-icons/svg
directory by importing them or copying them to your app structure.
You can import SVG files directly from @lmc-eu/spirit-icons/svg
directory in React components using a library like React SVGR.
Example configuration for Webpack:
rules.unshift({
test: /\.svg$/,
enforce: 'pre',
use: ['@svgr/webpack'],
});
import Warning from '@lmc-eu/spirit-icons/svg/warning.svg';
<Warning />;
Or you can import React components directly from @lmc-eu/spirit-icons/react
.
⚠️ Beware of naming, as all React component does, they are named using PascalCase and Icon
suffix.
import { WarningIcon } from '@lmc-eu/spirit-icons/react';
// or
import WarningIcon from '@lmc-eu/spirit-icons/react/WarningIcon';
<WarningIcon />;
Alternatively you can use an icons
object which consists of an icon name and SVG content. Thus you can fabricate your icon yourself.
import icons from '@lmc-eu/spirit-icons/icons';
export const Icon = ({ name, , size }) => {
return (
<svg
fill="currentColor"
width={size}
height={size}
dangerouslySetInnerHTML={{ __html: icons[name] }}
/>
);
};
FAQs
Icons for Spirit Design System
The npm package @lmc-eu/spirit-icons receives a total of 166 weekly downloads. As such, @lmc-eu/spirit-icons popularity was classified as not popular.
We found that @lmc-eu/spirit-icons demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 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
NIST has failed to meet its self-imposed deadline of clearing the NVD's backlog by the end of the fiscal year. Meanwhile, CVE's awaiting analysis have increased by 33% since June.
Security News
Cloudflare has launched a setup wizard allowing users to easily create and manage a security.txt file for vulnerability disclosure on their websites.
Security News
The Socket Research team breaks down a malicious npm package targeting the legitimate DOMPurify library. It uses obfuscated code to hide that it is exfiltrating browser and crypto wallet data.