@jupiterone/react-brand-icons
v1.8.3
Published
A collection of vendor brand SVG icons to be used in React
Downloads
19
Readme
@jupiterone/react-brand-icons
A collection of vendor icons to be used in JupiterOne apps.
This package was primarily inspired by the react-feather
icon set, and attempts to follow the same convention allowing you to import specific SVG icons from a wide selection of iconic diagram images.
Installation:
npm i @jupiterone/react-brand-icons
# Or, for consumers of yarn…
yarn add @jupiterone/react-brand-icons
Usage:
import J1Icon from '@jupiterone/react-brand-icons/jupiterone/logo';
class MyClass extends React.Component {
render() {
return <J1Icon />
}
}
Icons can be configured with a custom size prop, but the fills of the SVG icons are hard-coded.
<J1Icon size={48} />
Without a custom size they are 24×24 by default.
Here is a complete list of the icon filenames (excluding the .js extension) that are provided in this collection.
You can preview them as HTML here.
atlassian/
- bitbucket
- jira
- logo
aui/
- activity
- addon
- app-access
- app-switcher
- backlog
- billing-filled
- billing
- board
- book
- branch
- clone
- code
- comment
- commits
- component
- confluence
- create-branch
- create-fork
- create-pull-request
- dashboard
- decision
- detail-view
- discover
- docs
- documents
- dropbox
- emoji
- error
- export
- failed-build
- feedback
- file
- filter
- flag
- folder
- followers
- following
- forks
- google-drive
- graph-bar
- graph-line
- group
- highlights
- home-circle
- import
- incomplete-build
- info-circle
- invite-team
- issue-raise
- issue
- issues
- lightbulb
- link
- list
- location
- lock-circle
- lock
- mention
- menu
- notification
- office-building
- overview
- page
- people-group
- people
- person-circle
- person
- plan-disabled
- portfolio
- preferences
- progress
- pull-request
- question-circle
- queued-build
- queues
- quote
- radio
- recent
- redo
- refresh
- repository
- room-menu
- running-build
- schedule
- screen
- send
- settings
- share
- ship
- shortcut
- sign-in
- sign-out
- source
- star-filled
- star
- subtask
- successful-build
- swap
- table
- tag
- task
- time
- trash
- tray-empty
- tray
- world
aws/
- logo
carbonblack/
- icon
- logo
jamf/
- icon
- logo
github/
- logo
- mark
google/
- g
jupiterone/
- activity-folder
- activity-monitor
- capsule-pills
- check-file
- clear-list
- clipboard
- clock-rewind
- corner-up-right-square
- editing
- filter
- fork
- heart-circle
- heart-folder
- heart-list
- heart-monitor
- heart
- heatmap
- helix-alt
- helix
- hook
- jira
- library
- lifeology
- light-bulb
- logo
- max-date
- node-mesh
- node-tree
- oncoprint
- planet
- plot-curve
- plot-needle
- plot-scatter
- radar
- reset-date
- run
- stacked-bar
- trash-off
- unavailable
- versions
- webhook
jupiterone/class
- AccessKey
- AccessPolicy
- AdminUser
- ApplicationEndpoint
- CodeDeploy
- CodeReview
- Computer
- Container
- ControlPolicy
- CryptoKey
- Domain
- DomainRecord
- DomainZone
- Function
- Host
- HostAgent
- Key
- NetworkEndpoint
- Organization
- PasswordPolicy
- Procedure
- Repository
- ResourceGroup
- Root
- Ruleset
- Secret
- ThreatIntel
- Training
- User
- UserGroup
- Weakness
netflix/
- stethoscope
onelogin/
- icon
- logo
octicons/
- code
- file
- gist
- jersey
- logo-gist
- logo-github
- mark-github
- octoface
- organization
- package
- person
- project
- repo
okta/
- icon
- logo
sentinelone/
- icon
veracode/
- icon
- logo
wazuh/
- icon
whitehat/
- icon