Icon library for codecademy.com

Usage no npm install needed!

<script type="module">
  import codecademyGamutIcons from 'https://cdn.skypack.dev/@codecademy/gamut-icons';


Gamut Icons

UI Icons for the Gamut component library

Adding an icon

  1. Add your SVG file to the src folder
  2. cd into the packages/gamut-icons directory
  3. Run yarn build
  4. Start storybook and go to http://localhost:6006/?path=/story/core-atoms-icons--editable-icon
  5. Make sure your icon shows up and looks correct, make sure it is black by default and tht you can adjust the color using the storybook knobs drawer

Icon Guidelines

  1. All icons must be square
  2. All Icons should ideally be designed inside of a 16x16 pixel grid