Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
@iconify-icons/jam
Advanced tools
Readme
This package includes individual files for each icon, ready to be imported into a project.
Each icon is in its own file, so you can bundle several icons from different icon sets without bundling entire icon sets.
If you are using NPM:
npm install @iconify-icons/jam --save-dev
If you are using Yarn:
yarn add --dev @iconify-icons/jam
First you need to install Iconify for React.
If you are using NPM:
npm install --save-dev @iconify/react
If you are using Yarn:
yarn add --dev @iconify/react
import { Icon, InlineIcon } from '@iconify/react';
import chevronsSquareUpRight from '@iconify-icons/jam/chevrons-square-up-right';
<Icon icon={chevronsSquareUpRight} />
<p>This is some text with icon adjusted for baseline: <InlineIcon icon={chevronsSquareUpRight} /></p>
This example is using string syntax that is available since Iconify for React 2.0
This example will not work with Iconify for React 1.x
import React from 'react';
import { Icon, addIcon } from '@iconify/react';
import luggageF from '@iconify-icons/jam/luggage-f';
addIcon('luggageF', luggageF);
export function MyComponent() {
return (
<div>
<Icon icon="luggageF" />
</div>
);
}
import React from 'react';
import { InlineIcon } from '@iconify/react';
import rubberIcon from '@iconify-icons/jam/rubber';
export function MyComponent() {
return (
<p>
<InlineIcon icon={rubberIcon} /> Sample text with an icon.
</p>
);
}
See https://github.com/iconify/iconify/packages/react for details.
First you need to install Iconify for Vue.
If you are using NPM:
npm install --save-dev @iconify/vue
If you are using Yarn:
yarn add --dev @iconify/vue
This example is using object syntax with TypeScript.
<template>
<p>
<iconify-icon :icon="icons.chevronsSquareUpRight" />
</p>
</template>
<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator';
import IconifyIcon from '@iconify/vue';
import chevronsSquareUpRight from '@iconify-icons/jam/chevrons-square-up-right';
export default Vue.extend({
components: {
IconifyIcon,
},
data() {
return {
icons: {
chevronsSquareUpRight: chevronsSquareUpRight,
},
};
},
});
</script>
This example is using string syntax.
<template>
<p>
Example of 'luggage-f' icon:
<iconify-icon icon="luggageF" :inline="true" />!
</p>
</template>
<script>
import IconifyIcon from '@iconify/vue';
import luggageF from '@iconify-icons/jam/luggage-f';
IconifyIcon.addIcon('luggageF', luggageF);
export default {
components: {
IconifyIcon,
},
};
</script>
This example is using object syntax.
<template>
<iconify-icon :icon="icons.rubberIcon" />
</template>
<script>
import IconifyIcon from '@iconify/vue';
import rubberIcon from '@iconify-icons/jam/rubber';
export default {
components: {
IconifyIcon,
},
data() {
return {
icons: {
rubberIcon,
},
};
},
};
</script>
See https://github.com/iconify/iconify/packages/vue for details.
First you need to install Iconify for Svelte.
If you are using NPM:
npm install --save-dev @iconify/svelte
If you are using Yarn:
yarn add --dev @iconify/svelte
<script>
// npm install --save-dev @iconify/svelte @iconify-icons/jam
import IconifyIcon from '@iconify/svelte';
import chevronsSquareUpRight from '@iconify-icons/jam/chevrons-square-up-right';
</script>
<IconifyIcon icon={chevronsSquareUpRight} />
<script>
// npm install --save-dev @iconify/svelte @iconify-icons/jam
import IconifyIcon from '@iconify/svelte';
import luggageF from '@iconify-icons/jam/luggage-f';
</script>
<IconifyIcon icon={luggageF} />
<script>
// npm install --save-dev @iconify/svelte @iconify-icons/jam
import IconifyIcon from '@iconify/svelte';
import rubberIcon from '@iconify-icons/jam/rubber';
</script>
<IconifyIcon icon={rubberIcon} />
See https://github.com/iconify/iconify/packages/svelte for details.
Icons author: Michael Amprimo
Website: https://github.com/michaelampr/jam
License: MIT
License URL: https://raw.githubusercontent.com/michaelampr/jam/master/LICENSE
FAQs
Iconify icon components for Jam Icons
The npm package @iconify-icons/jam receives a total of 372 weekly downloads. As such, @iconify-icons/jam popularity was classified as not popular.
We found that @iconify-icons/jam demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer 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
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.