@chrisoverstreet/icons

Icons

Usage no npm install needed!

<script type="module">
  import chrisoverstreetIcons from 'https://cdn.skypack.dev/@chrisoverstreet/icons';
</script>

README

Icons

Library of svg icons exported as React Components

Install

npm i -S @chrisoverstreet/icons

Use

On the Web! 🖥

import { Add } from '@chrisoverstreet/icons/react;

export default () => <Add />;

On mobile! 📱

import { Add } from '@chrisoverstreet/icons/react-native;

export default () => <Add />;

Add props...

<Add className="custom-class" styles={{ height: '1em' }} />

Reference

| Icon | Name | | :-: | - | | Add.svg | Add | | Alert.svg | Alert | | Appliances.svg | Appliances | | ArrowLeft.svg | ArrowLeft | | ArrowRight.svg | ArrowRight | | Assembly.svg | Assembly | | Attach.svg | Attach | | Background.svg | Background | | Camera.svg | Camera | | CarrotDown.svg | CarrotDown | | CarrotLeft.svg | CarrotLeft | | CarrotRight.svg | CarrotRight | | CarrotUp.svg | CarrotUp | | Check.svg | Check | | CheckboxEmpty.svg | CheckboxEmpty | | CheckboxHover.svg | CheckboxHover | | CheckboxIndeterminate.svg | CheckboxIndeterminate | | CheckboxSelected.svg | CheckboxSelected | | Clock.svg | Clock | | Close.svg | Close | | Completed.svg | Completed | | CreditCard.svg | CreditCard | | Date.svg | Date | | DateRange.svg | DateRange | | Delete.svg | Delete | | DeleteX.svg | DeleteX | | Download.svg | Download | | Edit.svg | Edit | | Electric.svg | Electric | | Email.svg | Email | | Enroute.svg | Enroute | | Exterior.svg | Exterior | | EyeHide.svg | EyeHide | | EyeShow.svg | EyeShow | | Favorite.svg | Favorite | | Fencing.svg | Fencing | | Filter.svg | Filter | | Flag.svg | Flag | | Flooring.svg | Flooring | | Folder.svg | Folder | | Fullscreen.svg | Fullscreen | | GarageDoor.svg | GarageDoor | | General.svg | General | | Hauling.svg | Hauling | | History.svg | History | | Hvac.svg | Hvac | | Import.svg | Import | | InProgress.svg | InProgress | | Info.svg | Info | | InfoOutline.svg | InfoOutline | | Inspection.svg | Inspection | | Installation.svg | Installation | | Job.svg | Job | | LawnCare.svg | LawnCare | | Licensed.svg | Licensed | | Link.svg | Link | | List.svg | List | | Location.svg | Location | | Lock.svg | Lock | | Locksmith.svg | Locksmith | | Map.svg | Map | | Menu.svg | Menu | | Message.svg | Message | | Mic.svg | Mic | | Money.svg | Money | | MoreActions.svg | MoreActions | | MultiService.svg | MultiService | | Notification.svg | Notification | | NotificationOutline.svg | NotificationOutline | | Onsite.svg | Onsite | | Painting.svg | Painting | | Paused.svg | Paused | | Pdf.svg | Pdf | | Percent.svg | Percent | | PestControl.svg | PestControl | | Phone.svg | Phone | | PinDrop.svg | PinDrop | | Play.svg | Play | | Plumbing.svg | Plumbing | | Pool.svg | Pool | | Powerwashing.svg | Powerwashing | | Queued.svg | Queued | | RadioEmpty.svg | RadioEmpty | | RadioHover.svg | RadioHover | | RadioSelected.svg | RadioSelected | | Receipt.svg | Receipt | | Remove.svg | Remove | | Restoration.svg | Restoration | | Roofing.svg | Roofing | | Search.svg | Search | | Settings.svg | Settings | | Share.svg | Share | | Shield.svg | Shield | | SmartHome.svg | SmartHome | | SmartHomeLights.svg | SmartHomeLights | | SmartHomeLock.svg | SmartHomeLock | | SmartHomePlugs.svg | SmartHomePlugs | | SmartHomeSecurity.svg | SmartHomeSecurity | | SmartHomeSensor.svg | SmartHomeSensor | | SmartHomeThermostat.svg | SmartHomeThermostat | | SnowRemoval.svg | SnowRemoval | | SortDown.svg | SortDown | | SortUp.svg | SortUp | | SortUpDown.svg | SortUpDown | | Split.svg | Split | | Star.svg | Star | | Suspend.svg | Suspend | | Sync.svg | Sync | | TrendingDown.svg | TrendingDown | | TrendingFlat.svg | TrendingFlat | | TrendingUp.svg | TrendingUp | | User.svg | User | | Veteran.svg | Veteran | | Video.svg | Video | | Workbench.svg | Workbench |

Contributing

Please see documentation for contributing here.