feat(ui-icons): add new AI icon

TEST PLAN: check if it looks OK in the docs
instructure · Aug 22, 2024 · 44b02ce · 44b02ce
1 parent c395e17
commit 44b02ce
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 1 deletion.
diff --git a/packages/ui-icons-build/README.md b/packages/ui-icons-build/README.md
@@ -24,7 +24,6 @@ npm install --dev @instructure/ui-icons-build
 
 ## Requirements
 
-- Node >= 8
 - Mac OSX
 
 [npm]: https://img.shields.io/npm/v/@instructure/ui-icons-build.svg

diff --git a/packages/ui-icons/README.md b/packages/ui-icons/README.md
@@ -19,6 +19,9 @@ npm install @instructure/ui-icons
 To use the React components:
 
 ```js
+---
+type: code
+---
 import { IconAddLine } from '@instructure/ui-icons'
 
 const MyComponent = () => {
@@ -36,6 +39,10 @@ const MyComponent = () => {
 - Double-check that the SVG size is 1920x1920.
 
 ```html
+---
+type: code
+---
+
 <svg
   width="1920"
   height="1920"
@@ -50,6 +57,10 @@ const MyComponent = () => {
 - The files cannot contain [clipping paths](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/clipPath)! Sadly, when the Designers export icons from Figma, most of the time they have a clipping path around the whole canvas. If the source code has them, manually refactor the code, e.g:
 
 ```html
+---
+type: code
+---
+
 // Before:
 <svg
   width="1920"

diff --git a/packages/ui-icons/svg/Line/ai.svg b/packages/ui-icons/svg/Line/ai.svg
diff --git a/packages/ui-icons/svg/Solid/ai.svg b/packages/ui-icons/svg/Solid/ai.svg