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.
fmi-iconset
Advanced tools
The FMI Iconset is a custom set of icons generated by http://fontello.com/.
Run npm install fmi-iconset
or yarn add fmi-iconset
inside your projects directory to add this project as a dependency.
Note: keep simulators / packager off while setting up
Make sure you have react-native-vector-icons installed and linked. If you haven’t installed it yet, follow install instructions from their docs. Usually these two commands should do it for you.
npm install react-native-vector-icons --save
react-native link
Open your project in Xcode ios/yourprojectname.xcodeproj
. Once in Xcode, right click on the resources directory, select ‘Add files to “yourprojectname”…’ and select fmiicons.ttf
from /node_modules/fmi-iconset/fonts
.
While still in Xcode, go to ‘Build Phases’ in the top bar, open ‘Copy Bundle Resources’ and you’ll see a list of the icon fonts from react-native-vector-icons. Check for your icon font name in that list, if it’s not there, click the ‘+’ and select the fmiicons.ttf file from /node_modules/fmi-iconset/fonts
Open your info.plist file (preferably before you add any additional targets, because this is the info.plist that will get copied) and open ‘Fonts provided by application. Click the little circled ‘+’. It’ll add a line at the top for you to type in your font file name.
Android requires us to add the .ttf file to the android/app/src/main/assets/fonts
directory manually. This should already exist because you’ve already installed react-native-vector-icons and run react-native link
which places all it’s icon font files here for Android.
Create a file called fmi-iconset.js
in your /config
directory of your project and add the code below.
import { createIconSetFromFontello } from 'react-native-vector-icons';
import config from 'fmi-iconset';
const Icons = createIconSetFromFontello(config, 'fmiicons');
export default Icons;
At the top of your component
import Icon from '../../config/fmi-iconset';
In your JSX
<Icon name="ICON_NAME" size={20} color="#333333" />
Add new SVG icon to /resources
Upload all SVG icons from the /resources
directory to Fontello and rename the iconset to fmiicons
Download webfont and replace fonts
, css
and /public/index.html
with the newly generated files
Increment version number in package.json
and publish to npm. See contributing for more info.
More info to follow.
The Semantic Versioning Specification (SemVer) is used in this project.
Given a version number MAJOR.MINOR.PATCH, increment the:
Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
FAQs
A custom iconset containing icons for use on web or mobile at FMI
The npm package fmi-iconset receives a total of 0 weekly downloads. As such, fmi-iconset popularity was classified as not popular.
We found that fmi-iconset 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
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.