mastodon/app/javascript/material-icons
Echo 8268323d7f
Some checks failed
Check i18n / check-i18n (push) Waiting to run
Chromatic / Run Chromatic (push) Waiting to run
CodeQL / Analyze (javascript) (push) Waiting to run
CodeQL / Analyze (ruby) (push) Waiting to run
Check formatting / lint (push) Waiting to run
CSS Linting / lint (push) Waiting to run
JavaScript Linting / lint (push) Waiting to run
JavaScript Testing / test (push) Waiting to run
Ruby Testing / build (production) (push) Waiting to run
Ruby Testing / build (test) (push) Waiting to run
Ruby Testing / test (.ruby-version) (push) Blocked by required conditions
Ruby Testing / test (3.2) (push) Blocked by required conditions
Ruby Testing / test (3.3) (push) Blocked by required conditions
Ruby Testing / ImageMagick tests (.ruby-version) (push) Blocked by required conditions
Ruby Testing / ImageMagick tests (3.2) (push) Blocked by required conditions
Ruby Testing / ImageMagick tests (3.3) (push) Blocked by required conditions
Ruby Testing / End to End testing (.ruby-version) (push) Blocked by required conditions
Ruby Testing / End to End testing (3.2) (push) Blocked by required conditions
Ruby Testing / End to End testing (3.3) (push) Blocked by required conditions
Ruby Testing / Elastic Search integration testing (.ruby-version, docker.elastic.co/elasticsearch/elasticsearch:7.17.13) (push) Blocked by required conditions
Ruby Testing / Elastic Search integration testing (.ruby-version, docker.elastic.co/elasticsearch/elasticsearch:8.10.2) (push) Blocked by required conditions
Ruby Testing / Elastic Search integration testing (.ruby-version, opensearchproject/opensearch:2) (push) Blocked by required conditions
Ruby Testing / Elastic Search integration testing (3.2, docker.elastic.co/elasticsearch/elasticsearch:7.17.13) (push) Blocked by required conditions
Ruby Testing / Elastic Search integration testing (3.3, docker.elastic.co/elasticsearch/elasticsearch:7.17.13) (push) Blocked by required conditions
Crowdin / Upload translations / upload-translations (push) Has been cancelled
Status quote button (#35822)
2025-08-20 10:09:57 +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 Status quote button (#35822) 2025-08-20 10:09:57 +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