How to use @wfp/icons - 1 common examples
To help you get started, we’ve selected a few @wfp/icons examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
wfp / ui / src / documentation / Icons / Icons-story.js View on Github 
<h4>WFP Logos</h4>
<div style="{wrapperStyle}">
{iconList
.filter(function(icon) {
return icon.name.includes('logo');
})
.map(icon => {
return ;
})}
</div>
<h4>WFP Humanitatian Icons</h4>
<div style="{wrapperStyle}">
{iconList
.filter(function(icon) {
return icon.name.includes('wfp-hum--');
})
.map(icon => {
return ;
})}
</div>
<h4>UI Icons</h4>
<div style="{wrapperStyle}">
{iconList
.filter(function(icon) {
return (
!icon.name.includes('wfp-hum--') && !icon.name.includes('logo')
);</div>
