Skip to content

Commit 49a2ef6

Browse files
doublefacedoubleface
authored andcommitted
feat: Add new menu icon
1 parent 8ae6bca commit 49a2ef6

File tree

3 files changed

+16
-1
lines changed

3 files changed

+16
-1
lines changed

assets/icons/ui/menu.svg

Lines changed: 1 addition & 0 deletions
Loading

react/Icon/Readme.md

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -235,6 +235,7 @@ import MagicTrick from 'cozy-ui/transpiled/react/Icons/MagicTrick'
235235
import Magnet from 'cozy-ui/transpiled/react/Icons/Magnet'
236236
import Magnifier from 'cozy-ui/transpiled/react/Icons/Magnifier'
237237
import Matrix from 'cozy-ui/transpiled/react/Icons/Matrix'
238+
import Menu from 'cozy-ui/transpiled/react/Icons/Menu'
238239
import Merge from 'cozy-ui/transpiled/react/Icons/Merge'
239240
import Moped from 'cozy-ui/transpiled/react/Icons/Moped'
240241
import Mosaic from 'cozy-ui/transpiled/react/Icons/Mosaic'
@@ -532,6 +533,7 @@ const icons = [
532533
Magnet,
533534
Magnifier,
534535
Matrix,
536+
Menu,
535537
Merge,
536538
Moped,
537539
Mosaic,
@@ -1028,7 +1030,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
10281030

10291031
const colors = ['#297EF2', '#08b442', '#B449E7', '#F52D2D', '#FF962F']
10301032
let i = 0
1031-
const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp', 'article', 'assign-admin','assign-moderator','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-rainbow','cloud-plus-outlined','cloud','cloud2','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','database','debit','desktop-download','devices','discuss','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email-open','email','eu','euro','exchange','expand','expert','export','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','key2','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','matrix','merge','moped','mosaic','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','narrow','new','next','note','notification-email','number','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','peoples','percent-circle','percent','person-add','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','planet','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','secutiry','select-all','send','server','setting','share-circle','share','sharings','share-external','shield','shield-infected','shield-clean','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','upgrade-plan','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
1033+
const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp', 'article', 'assign-admin','assign-moderator','attachment','attention','bank-check','bank','banking-add','banking','bell','benefit','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','chess','child','circle-filled','clock','clock-outline','cloud-happy','cloud-rainbow','cloud-plus-outlined','cloud','cloud2','collect','cocktail','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle-outline','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','database','debit','desktop-download','devices','discuss','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email-open','email','eu','euro','exchange','expand','expert','export','eye-closed','eye','face-id','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder-open','folder','forbidden','from-user','gear','globe','gouv','graph-circle','grid','group-list','groups','growth','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','justice','key','key2','label-outlined','laudry','laptop','left','library','lightbulb','lightning','link-out','link','list','list-min','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','matrix','menu','merge','moped','mosaic','mosaic-min','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','narrow','new','next','note','notification-email','number','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','peoples','percent-circle','percent','person-add','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','planet','plus-small','plus', 'pop-inside', 'previous','printer','qualify','radio-checked','radio-unchecked','refresh','relationship','remboursement','rename','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','secutiry','select-all','send','server','setting','share-circle','share','sharings','share-external','shield','shield-infected','shield-clean','shop','sound','spinner','sport-bag','stack','star','star-outline','stats','stop', 'subway', 'support', 'swap', 'sync-cozy','sync','tab','tag','target','task','team','telecom','telephone','text','text-info','to-the-cloud','top','train','tram','trash','trophy', 'uncloud', 'unknow','unlink','unlock','upgrade-plan','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','water','wrench-circle','work']
10321034
;
10331035

10341036
<Grid container spacing={2}>

react/Icons/Menu.jsx

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/menu.svg` to regenerate;
2+
import React from 'react'
3+
4+
function SvgMenu(props) {
5+
return (
6+
<svg viewBox="0 0 16 16" {...props}>
7+
<path d="M9.524 2c1.19 0 2.133 0 2.884.08.773.08 1.408.248 1.951.626.377.263.699.582.951.942.369.523.532 1.127.612 1.874C16 6.258 16 7.185 16 8.374v.052c0 1.189 0 2.116-.078 2.851-.08.747-.243 1.352-.612 1.874-.252.36-.574.68-.95.943-.544.378-1.18.547-1.952.628-.751.078-1.694.078-2.884.078H6.476c-1.19 0-2.133 0-2.884-.078-.773-.081-1.407-.25-1.951-.628a3.859 3.859 0 01-.952-.943c-.368-.522-.531-1.127-.61-1.874C0 10.542 0 9.614 0 8.426v-.052c0-1.188 0-2.116.078-2.852.08-.747.243-1.351.611-1.874.253-.36.575-.679.952-.942.543-.378 1.179-.546 1.95-.627C4.344 2 5.287 2 6.477 2h3.048zm-3.012.984c-1.234 0-2.11.001-2.788.073-.664.069-1.072.2-1.393.423-.274.193-.51.427-.693.69-.238.336-.376.766-.449 1.444-.072.686-.073 1.566-.073 2.786s0 2.101.073 2.785c.073.678.211 1.11.449 1.445.19.271.426.504.693.69.32.223.73.355 1.393.424.494.052 1.092.062 1.857.066V3h1.116v10.815h2.791c1.234 0 2.11 0 2.788-.072.664-.069 1.072-.2 1.393-.424.267-.185.502-.417.693-.688.238-.336.376-.767.448-1.446.072-.684.074-1.565.074-2.785 0-1.22 0-2.101-.074-2.786-.072-.678-.21-1.109-.448-1.444a2.815 2.815 0 00-.693-.69c-.32-.223-.73-.354-1.393-.423-.678-.071-1.555-.073-2.788-.073H6.512zM3.535 7.651a.559.559 0 110 1.117h-.744a.56.56 0 01-.559-.559.558.558 0 01.559-.558h.744zm0-2.232a.559.559 0 110 1.116h-.744a.56.56 0 01-.559-.558.558.558 0 01.559-.558h.744z" />
8+
</svg>
9+
)
10+
}
11+
12+
export default SvgMenu

0 commit comments

Comments
 (0)