Skip to content

Commit 7b1fc8d

Browse files
clowreedclowreed
committed
fix: Flatten vector and add 2 new icons
1 parent 8095078 commit 7b1fc8d

File tree

2 files changed

+38
-41
lines changed

2 files changed

+38
-41
lines changed

‎components/Icons.es6.js‎

Lines changed: 29 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1944,48 +1944,26 @@ function ArrowCircleUp ({ className, width='16', height='16', color = '#766bff',
19441944
function ArrowUp ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) {
19451945
return (
19461946
<svg width={width} height={height} viewBox={viewBox} fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
1947-
<g clipPath="url(#clip0_130_15802)">
1948-
<path d="M7.00012 12.8811V1.42871V1.73823" stroke={color} strokeWidth="2" strokeMiterlimit="10" strokeLinecap="round"/>
1949-
<path d="M11.3334 5.76204L7.00008 1.42871L2.66675 5.76204" stroke={color} strokeWidth="2" strokeMiterlimit="10" strokeLinecap="round"/>
1950-
</g>
1951-
<defs>
1952-
<clipPath id="clip0_130_15802">
1953-
<rect width={width} height={height} fill={color} />
1954-
</clipPath>
1955-
</defs>
1947+
<path d="M6.0001 12.8811V1.42867M6.0001 1.42867V1.7382M6.0001 1.42867L10.3334 5.76203M6.0001 1.42867L1.66677 5.76203" stroke={color} strokeWidth="2" strokeMiterlimit="10" strokeLinecap={color} />
19561948
</svg>
19571949
)
19581950
}
19591951

19601952
function EditColor ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) {
19611953
return (
19621954
<svg width={width} height={height} viewBox={viewBox} fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
1963-
<g clipPath="url(#clip0_130_15846)">
1964-
<path d="M11.9501 2.04984C10.971 1.07099 9.72376 0.40442 8.36593 0.134419C7.00809 -0.135581 5.60069 0.00311162 4.32167 0.53296C3.04266 1.06281 1.94948 1.96002 1.18036 3.11113C0.411245 4.26225 0.000732422 5.61558 0.000732422 7C0.000732422 8.38442 0.411245 9.73775 1.18036 10.8889C1.94948 12.04 3.04266 12.9372 4.32167 13.467C5.60069 13.9969 7.00809 14.1356 8.36593 13.8656C9.72376 13.5956 10.971 12.929 11.9501 11.9502C12.6002 11.3001 13.1159 10.5284 13.4678 9.67906C13.8196 8.8297 14.0007 7.91936 14.0007 7C14.0007 6.08065 13.8196 5.1703 13.4678 4.32095C13.1159 3.47159 12.6002 2.69986 11.9501 2.04984ZM3.70056 3.70067C4.57569 2.8258 5.76246 2.33433 6.99989 2.33433C8.23733 2.33433 9.4241 2.8258 10.2992 3.70067L3.70056 10.2993C2.8257 9.42421 2.33422 8.23744 2.33422 7C2.33422 5.76257 2.8257 4.5758 3.70056 3.70067Z" fill="#5048C7"/>
1965-
</g>
1966-
<defs>
1967-
<clipPath id="clip0_130_15846">
1968-
<rect width={width} height={height} fill={color} />
1969-
</clipPath>
1970-
</defs>
1955+
<path d="M11.9501 2.04984C10.971 1.07099 9.72376 0.40442 8.36593 0.134419C7.00809 -0.135581 5.60069 0.00311166 4.32167 0.53296C3.04266 1.06281 1.94948 1.96002 1.18036 3.11113C0.411245 4.26225 0.000732422 5.61558 0.000732422 7C0.000732422 8.38442 0.411245 9.73775 1.18036 10.8889C1.94948 12.04 3.04266 12.9372 4.32167 13.467C5.60069 13.9969 7.00809 14.1356 8.36593 13.8656C9.72376 13.5956 10.971 12.929 11.9501 11.9502C12.6002 11.3001 13.1159 10.5284 13.4678 9.67906C13.8196 8.8297 14.0007 7.91936 14.0007 7C14.0007 6.08065 13.8196 5.1703 13.4678 4.32095C13.1159 3.47159 12.6002 2.69986 11.9501 2.04984ZM3.70056 3.70067C4.57569 2.8258 5.76246 2.33433 6.99989 2.33433C8.23733 2.33433 9.4241 2.8258 10.2992 3.70067L3.70056 10.2993C2.8257 9.42421 2.33422 8.23744 2.33422 7C2.33422 5.76257 2.8257 4.5758 3.70056 3.70067Z" fill={color}/>
19711956
</svg>
19721957
)
19731958
}
19741959

19751960
function AiImage ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) {
19761961
return (
19771962
<svg width={width} height={height} viewBox={viewBox} fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
1978-
<g clipPath="url(#clip0_ai_image)">
1979-
<path d="M10.0623 10.4269H4.44777C4.24156 10.4269 4.05526 10.3029 3.97614 10.112C3.89703 9.92112 3.94093 9.70165 4.0869 9.55567L7.6598 5.98277C7.77209 5.86997 7.92879 5.81586 8.08855 5.83781C8.24627 5.85874 8.3851 5.95265 8.4637 6.09047L10.5054 9.66337C10.5957 9.82159 10.5952 10.015 10.5038 10.1728C10.4125 10.3305 10.2445 10.4269 10.0623 10.4269Z" fill={color}/>
1980-
<path d="M4.44795 6.85416C5.01174 6.85416 5.46878 6.39712 5.46878 5.83333C5.46878 5.26954 5.01174 4.8125 4.44795 4.8125C3.88416 4.8125 3.42712 5.26954 3.42712 5.83333C3.42712 6.39712 3.88416 6.85416 4.44795 6.85416Z" fill={color}/>
1981-
<path d="M2.40624 12.719H11.5937C12.576 12.719 13.3749 11.9201 13.3749 10.9378V6.85447C13.3749 6.43398 13.0342 6.09405 12.6145 6.09405C12.1949 6.09405 11.8541 6.43398 11.8541 6.85447V10.9378C11.8541 11.0813 11.737 11.1982 11.5937 11.1982H2.40624C2.26291 11.1982 2.14583 11.0813 2.14583 10.9378V3.79198C2.14583 3.64847 2.26291 3.53157 2.40624 3.53157H7.51038C7.93004 3.53157 8.2708 3.19165 8.2708 2.77116C8.2708 2.35066 7.93004 2.01074 7.51038 2.01074H2.40624C1.42395 2.01074 0.625 2.80969 0.625 3.79198V10.9378C0.625 11.9201 1.42395 12.719 2.40624 12.719Z" fill={color}/>
1982-
<path d="M12.6145 3.28124C12.0505 3.28124 11.5937 2.82442 11.5937 2.26041C11.5937 1.97867 11.365 1.75 11.0833 1.75C10.8015 1.75 10.5729 1.97867 10.5729 2.26041C10.5729 2.82442 10.116 3.28124 9.55204 3.28124C9.27029 3.28124 9.04163 3.50991 9.04163 3.79166C9.04163 4.07341 9.27029 4.30207 9.55204 4.30207C10.116 4.30207 10.5729 4.75889 10.5729 5.3229C10.5729 5.60465 10.8015 5.83331 11.0833 5.83331C11.365 5.83331 11.5937 5.60465 11.5937 5.3229C11.5937 4.75889 12.0505 4.30207 12.6145 4.30207C12.8963 4.30207 13.1249 4.07341 13.1249 3.79166C13.1249 3.50991 12.8963 3.28124 12.6145 3.28124Z" fill={color}/>
1983-
</g>
1984-
<defs>
1985-
<clipPath id="clip0_ai_image">
1986-
<rect width={width} height={height} fill={color}/>
1987-
</clipPath>
1988-
</defs>
1963+
<path d="M10.0624 9.42705H4.4478C4.24159 9.42705 4.05529 9.30302 3.97617 9.11212C3.89706 8.92123 3.94095 8.70175 4.08693 8.55577L7.65983 4.98287C7.77212 4.87007 7.92882 4.81597 8.08858 4.83792C8.2463 4.85884 8.38513 4.95276 8.46373 5.09057L10.5054 8.66347C10.5957 8.8217 10.5952 9.01515 10.5039 9.17286C10.4125 9.33058 10.2446 9.42705 10.0624 9.42705Z" fill={color} />
1964+
<path d="M4.4479 5.85414C5.01169 5.85414 5.46873 5.3971 5.46873 4.83331C5.46873 4.26952 5.01169 3.81248 4.4479 3.81248C3.88411 3.81248 3.42707 4.26952 3.42707 4.83331C3.42707 5.3971 3.88411 5.85414 4.4479 5.85414Z" fill={color}/>
1965+
<path d="M11.5937 11.4687H2.40624C1.56202 11.4687 0.875 10.7817 0.875 9.93745V2.79166C0.875 1.94743 1.56202 1.26041 2.40624 1.26041H7.51038C7.79213 1.26041 8.0208 1.48857 8.0208 1.77083C8.0208 2.05309 7.79213 2.28124 7.51038 2.28124H2.40624C2.125 2.28124 1.89583 2.50991 1.89583 2.79166V9.93745C1.89583 10.2192 2.125 10.4479 2.40624 10.4479H11.5937C11.8749 10.4479 12.1041 10.2192 12.1041 9.93745V5.85414C12.1041 5.57188 12.3328 5.34373 12.6145 5.34373C12.8963 5.34373 13.1249 5.57188 13.1249 5.85414V9.93745C13.1249 10.7817 12.4379 11.4687 11.5937 11.4687Z" fill={color} />
1966+
<path d="M12.6145 2.28124C12.0505 2.28124 11.5937 1.82442 11.5937 1.26041C11.5937 0.978666 11.365 0.75 11.0833 0.75C10.8015 0.75 10.5729 0.978666 10.5729 1.26041C10.5729 1.82442 10.116 2.28124 9.55204 2.28124C9.27029 2.28124 9.04163 2.50991 9.04163 2.79166C9.04163 3.07341 9.27029 3.30207 9.55204 3.30207C10.116 3.30207 10.5729 3.75889 10.5729 4.3229C10.5729 4.60465 10.8015 4.83331 11.0833 4.83331C11.365 4.83331 11.5937 4.60465 11.5937 4.3229C11.5937 3.75889 12.0505 3.30207 12.6145 3.30207C12.8963 3.30207 13.1249 3.07341 13.1249 2.79166C13.1249 2.50991 12.8963 2.28124 12.6145 2.28124Z" fill={color}/>
19891967
</svg>
19901968
)
19911969
}
@@ -2003,16 +1981,9 @@ function AiLogo ({ className, width='16', height='16', color = '#766bff', viewBo
20031981
function Microphone ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) {
20041982
return (
20051983
<svg width={width} height={height} viewBox={viewBox} fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
2006-
<g clipPath="url(#clip0_microphone)">
2007-
<path fillRule="evenodd" clipRule="evenodd" d="M9.91671 3.49967V6.41634C9.91671 8.02716 8.61086 9.33301 7.00004 9.33301C5.38921 9.33301 4.08337 8.02716 4.08337 6.41634V3.49967C4.08337 1.88885 5.38921 0.583008 7.00004 0.583008C8.61086 0.583008 9.91671 1.88885 9.91671 3.49967Z" fill={color}/>
2008-
<path fillRule="evenodd" clipRule="evenodd" d="M11.6667 5.83301C11.9888 5.83301 12.25 6.09418 12.25 6.41634C12.25 9.31586 9.89952 11.6663 7 11.6663C4.10051 11.6663 1.75 9.31586 1.75 6.41634C1.75 6.09418 2.01117 5.83301 2.33333 5.83301C2.6555 5.83301 2.91667 6.09418 2.91667 6.41634C2.91667 8.67151 4.74484 10.4997 7 10.4997C9.25517 10.4997 11.0833 8.67151 11.0833 6.41634C11.0833 6.09418 11.3445 5.83301 11.6667 5.83301Z" fill={color}/>
2009-
<path fillRule="evenodd" clipRule="evenodd" d="M6.99996 10.5C7.32213 10.5 7.58329 10.7612 7.58329 11.0833V12.8333C7.58329 13.1555 7.32213 13.4167 6.99996 13.4167C6.67779 13.4167 6.41663 13.1555 6.41663 12.8333V11.0833C6.41663 10.7612 6.67779 10.5 6.99996 10.5Z" fill={color}/>
2010-
</g>
2011-
<defs>
2012-
<clipPath id="clip0_microphone">
2013-
<rect width={width} height={height} fill={color}/>
2014-
</clipPath>
2015-
</defs>
1984+
<path fillRule="evenodd" clipRule="evenodd" d="M8.16667 2.91667V5.83333C8.16667 7.44415 6.86082 8.75 5.25 8.75C3.63917 8.75 2.33333 7.44415 2.33333 5.83333V2.91667C2.33333 1.30584 3.63917 0 5.25 0C6.86082 0 8.16667 1.30584 8.16667 2.91667Z" fill={color}/>
1985+
<path fillRule="evenodd" clipRule="evenodd" d="M9.91667 5.25C10.2388 5.25 10.5 5.51117 10.5 5.83333C10.5 8.73285 8.14952 11.0833 5.25 11.0833C2.35051 11.0833 0 8.73285 0 5.83333C0 5.51117 0.261167 5.25 0.583333 5.25C0.905499 5.25 1.16667 5.51117 1.16667 5.83333C1.16667 8.0885 2.99484 9.91667 5.25 9.91667C7.50517 9.91667 9.33333 8.0885 9.33333 5.83333C9.33333 5.51117 9.5945 5.25 9.91667 5.25Z" fill={color}/>
1986+
<path fillRule="evenodd" clipRule="evenodd" d="M5.25 9.91667C5.57217 9.91667 5.83333 10.1778 5.83333 10.5V12.25C5.83333 12.5722 5.57217 12.8333 5.25 12.8333C4.92783 12.8333 4.66667 12.5722 4.66667 12.25V10.5C4.66667 10.1778 4.92783 9.91667 5.25 9.91667Z" fill={color}/>
20161987
</svg>
20171988
)
20181989
}
@@ -2027,6 +1998,22 @@ function More ({ className, width='16', height='16', color = '#766bff', viewBox=
20271998
)
20281999
}
20292000

2001+
function PencilFilled ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) {
2002+
return (
2003+
<svg width={width} height={height} viewBox={viewBox} fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
2004+
<path d="M11.4944 0.171376C11.4402 0.117052 11.3758 0.0739523 11.3049 0.0445448C11.2341 0.0151373 11.1581 0 11.0814 0C11.0046 0 10.9287 0.0151373 10.8578 0.0445448C10.7869 0.0739523 10.7225 0.117052 10.6684 0.171376L1.33503 9.50471C1.27062 9.57036 1.22265 9.65032 1.19503 9.73804L0.0283591 13.238C7.2835e-05 13.3254 -0.00718461 13.4182 0.00717742 13.5089C0.0215394 13.5996 0.0571151 13.6857 0.111009 13.76C0.164903 13.8344 0.235593 13.895 0.317325 13.9369C0.399057 13.9787 0.489523 14.0007 0.581359 14.001C0.644069 14.0013 0.70638 13.9911 0.765693 13.9707L4.26569 12.804C4.35342 12.7764 4.43337 12.7285 4.49903 12.664L13.8324 3.33071C13.8867 3.27652 13.9298 3.21215 13.9592 3.14128C13.9886 3.07041 14.0037 2.99444 14.0037 2.91771C14.0037 2.84098 13.9886 2.76501 13.9592 2.69414C13.9298 2.62327 13.8867 2.5589 13.8324 2.50471L11.4944 0.171376Z" fill={color}/>
2005+
</svg>
2006+
)
2007+
}
2008+
2009+
function Nav ({ className, width='16', height='16', color = '#766bff', viewBox='0 0 16 16' }) {
2010+
return (
2011+
<svg width={width} height={height} viewBox={viewBox} fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
2012+
<path fillRule="evenodd" clipRule="evenodd" d="M11.2 4.375H13.125C13.65 4.375 14 4.725 14 5.25V13.125C14 13.65 13.65 14 13.125 14H5.25C4.725 14 4.375 13.65 4.375 13.125V11.2C1.8375 10.5875 0 8.4 0 5.6875C0 2.5375 2.5375 0 5.6875 0C8.3125 0 10.5875 1.8375 11.2 4.375ZM5.6875 1.75C3.5 1.75 1.75 3.5 1.75 5.6875C1.75 7.4375 2.8875 8.8375 4.375 9.3625V5.25C4.375 4.725 4.725 4.375 5.25 4.375H9.3625C8.8375 2.8875 7.4375 1.75 5.6875 1.75ZM9.5375 6.125C9.3625 7.9625 7.875 9.3625 6.125 9.5375V6.125H9.5375ZM6.125 12.25H12.25V6.125H11.375C11.1125 8.925 8.925 11.2 6.125 11.375V12.25Z" fill={color}/>
2013+
</svg>
2014+
)
2015+
}
2016+
20302017
const icons = [
20312018
Check,
20322019
Checkmark,
@@ -2225,7 +2212,9 @@ const icons = [
22252212
AiImage,
22262213
AiLogo,
22272214
Microphone,
2228-
More
2215+
More,
2216+
PencilFilled,
2217+
Nav
22292218
]
22302219

22312220
each(icons, (icon) => {
@@ -2253,5 +2242,5 @@ export { Check, Checkmark, Lock, Notice, Disabled, Help, Search, Draggable,
22532242
Flash, Dashboard, Guides, Article, Pulse, Edit, ContentApproved, Dragger, PaperClip, Invoicing, Banking, Checkbox, Circle, Bank, Card, Contract,
22542243
MinusCircle, RepeatCircle, BadgeCard, HeadphonesMic, CheckmarkLarge, NoticeOutlined, Archive, Questionnaire, Upload, ShareFeedback, Spaceship, Zap, Tip,
22552244
Webpage, LayoutAlternative, GlobeAlternative, AiAssist, Flows, Highlight, ArrowCircleUp, ArrowUp, EditColor, AiImage,
2256-
AiLogo, Microphone, More
2245+
AiLogo, Microphone, More, PencilFilled, Nav
22572246
}

‎src/react-demo/Icons.es6.js‎

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@ import {
2121
Flag, Testimonials, Chart, Play, Pause, AlignLeftV2, AlignCenterV2, AlignRightV2, AlignJustifyV2, Sidebar, ArrowCircle, Palette, Lightbox, Filter, Slider,
2222
Flash, Dashboard, Guides, Article, Pulse, Edit, ContentApproved, Dragger, PaperClip, Invoicing, Banking, Checkbox, Circle, Bank, Card, Contract,
2323
MinusCircle, RepeatCircle, BadgeCard, HeadphonesMic, CheckmarkLarge, NoticeOutlined, Archive, Questionnaire, Upload, ShareFeedback, Spaceship, Zap, Tip, Webpage, LayoutAlternative, GlobeAlternative,
24-
AiAssist, Flows, Highlight, ArrowCircleUp, ArrowUp, EditColor, AiImage, AiLogo, Microphone, More
24+
AiAssist, Flows, Highlight, ArrowCircleUp, ArrowUp, EditColor, AiImage, AiLogo, Microphone, More, PencilFilled, Nav
2525
} from '../../components/Icons.es6.js'
2626

2727
const ICONS = [
@@ -771,6 +771,14 @@ const ICONS = [
771771
{
772772
name: 'More',
773773
component: More
774+
},
775+
{
776+
name: 'PencilFilled',
777+
component: PencilFilled
778+
},
779+
{
780+
name: 'Nav',
781+
component: Nav
774782
}
775783
]
776784

0 commit comments

Comments
 (0)