-
Notifications
You must be signed in to change notification settings - Fork 0
feat: Added new icons #80
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
components/Icons.es6.js
Outdated
| function ArrowUp ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) { | ||
| return ( | ||
| <svg width={width} height={height} viewBox={viewBox} fill="none" xmlns="http://www.w3.org/2000/svg" className={className}> | ||
| <g clipPath="url(#clip0_130_15802)"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This should be stripped out. The icon should be pure vector.
In figma, use "Flatten" option on object group to convert it to vector lines.
components/Icons.es6.js
Outdated
| function EditColor ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) { | ||
| return ( | ||
| <svg width={width} height={height} viewBox={viewBox} fill="none" xmlns="http://www.w3.org/2000/svg" className={className}> | ||
| <g clipPath="url(#clip0_130_15846)"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same here: flatten to vector
components/Icons.es6.js
Outdated
| function AiImage ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) { | ||
| return ( | ||
| <svg width={width} height={height} viewBox={viewBox} fill="none" xmlns="http://www.w3.org/2000/svg" className={className}> | ||
| <g clipPath="url(#clip0_ai_image)"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same here: flatten to vector
components/Icons.es6.js
Outdated
| function Microphone ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) { | ||
| return ( | ||
| <svg width={width} height={height} viewBox={viewBox} fill="none" xmlns="http://www.w3.org/2000/svg" className={className}> | ||
| <g clipPath="url(#clip0_microphone)"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Same here: flatten to vector
components/Icons.es6.js
Outdated
| ) | ||
| } | ||
|
|
||
| function More ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I would rename this to "ThreeDots" or "Kebab" or something else
components/Icons.es6.js
Outdated
| ) | ||
| } | ||
|
|
||
| function Nav ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.

Added the ff icons from Figma.