nas/app/javascript/material-icons
2025-05-22 10:39:45 +00:00
..
400-20px Change design of media tab on profiles in web UI (#31967) 2024-09-26 12:31:32 +00:00
400-24px Add visual indicator & link to nested quote posts (#34766) 2025-05-22 10:39:45 +00:00
LICENSE Switch from 48px weight 600 material symbol icons to 24px weight 400 icons (#28064) 2024-01-12 20:16:48 +00:00
README.md Add visual indicator & link to nested quote posts (#34766) 2025-05-22 10:39:45 +00:00

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 ` component