Created Icons (markdown)
parent
1854348f51
commit
155108707c
1 changed files with 15 additions and 0 deletions
15
Icons.md
Normal file
15
Icons.md
Normal file
|
@ -0,0 +1,15 @@
|
||||||
|
- You'll add new icons to icon-custom.jsx
|
||||||
|
- Get the <svg> text from the image, using the view source in chrome works.
|
||||||
|
- You will need to convert most svg text to jsx compatible.
|
||||||
|
- This works really well to transform an svg to jsx
|
||||||
|
- [https://react-svgr.com/playground/](https://react-svgr.com/playground/)
|
||||||
|
- Be sure to add
|
||||||
|
|
||||||
|
```jsx
|
||||||
|
width={props.size || '18'}
|
||||||
|
height={props.size || '16'}
|
||||||
|
```
|
||||||
|
|
||||||
|
- If necessary, override most `stroke="..."` params with `"currentColor"`
|
||||||
|
- Also delete redundant `strokeLinecap= strokeWidth= strokeLinejoin=` attributes if already covered in the main svg tag.
|
||||||
|
- Add the icon constant to constants/icons.js
|
Loading…
Reference in a new issue