Merge remote-tracking branch 'parent/main' into kbtopic-remove-quote
This commit is contained in:
commit
7c65b6f9df
464 changed files with 8217 additions and 8135 deletions
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-800v487L216-537l-56 57 320 320 320-320-56-57-224 224v-487h-80Z"/></svg>
|
After Width: | Height: | Size: 173 B |
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-800v487L216-537l-56 57 320 320 320-320-56-57-224 224v-487h-80Z"/></svg>
|
After Width: | Height: | Size: 173 B |
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z"/></svg>
|
After Width: | Height: | Size: 173 B |
1
app/javascript/material-icons/400-24px/arrow_upward.svg
Normal file
1
app/javascript/material-icons/400-24px/arrow_upward.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M440-160v-487L216-423l-56-57 320-320 320 320-56 57-224-224v487h-80Z"/></svg>
|
After Width: | Height: | Size: 173 B |
1
app/javascript/material-icons/400-24px/article-fill.svg
Normal file
1
app/javascript/material-icons/400-24px/article-fill.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm80-160h280v-80H280v80Zm0-160h400v-80H280v80Zm0-160h400v-80H280v80Z"/></svg>
|
After Width: | Height: | Size: 292 B |
1
app/javascript/material-icons/400-24px/article.svg
Normal file
1
app/javascript/material-icons/400-24px/article.svg
Normal file
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M280-280h280v-80H280v80Zm0-160h400v-80H280v80Zm0-160h400v-80H280v80Zm-80 480q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z"/></svg>
|
After Width: | Height: | Size: 331 B |
|
@ -1 +1,12 @@
|
|||
Files in this directory are Material Symbols icons fetched using the `icons:download` task.
|
||||
Files in this directory are Material Symbols icons fetched using the `icons:download` rake task (see `/lib/tasks/icons.rake`).
|
||||
|
||||
To add another icon, follow these steps:
|
||||
|
||||
- Determine the name of the Material Symbols icon you want to download.
|
||||
You can find a searchable overview of all icons on [https://fonts.google.com/icons].
|
||||
Click on the icon you want to use and find the icon name towards the bottom of the slide-out panel (it'll be something like `icon_name`)
|
||||
- Import the icon in your React component using the following format:
|
||||
`import IconName from '@/material-icons/400-24px/icon_name.svg?react';`
|
||||
- Run `RAILS_ENV=development rails icons:download` to download any newly imported icons.
|
||||
|
||||
The import should now work and the icon should appear when passed to the `<Icon icon={IconName} /> component
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue