Skip to content

Commit

Permalink
[Icons] Some changes
Browse files Browse the repository at this point in the history
  • Loading branch information
yash1200 committed Nov 29, 2022
1 parent 5c073c0 commit 9d00a22
Show file tree
Hide file tree
Showing 24 changed files with 137 additions and 300 deletions.
8 changes: 8 additions & 0 deletions .prettierrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
{
"singleQuote": true,
"jsxSingleQuote": true,
"semi": false,
"tabWidth": 4,
"useTabs": true,
"printWidth": 150
}
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@aftershootco/unicorn-icons-1",
"version": "1.0.1",
"version": "1.0.2",
"description": "",
"author": "AfterShoot",
"license": "ISC",
Expand Down
9 changes: 1 addition & 8 deletions src/Icons/ArrowBackIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,7 @@ import React from 'react'

const ArrowBackIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='m22.35 38.95-13.9-13.9q-.25-.25-.35-.5Q8 24.3 8 24q0-.3.1-.55.1-.25.35-.5L22.4 9q.4-.4 1-.4t1.05.45q.45.45.45 1.05 0 .6-.45 1.05L13.1 22.5h24.8q.65 0 1.075.425.425.425.425 1.075 0 .65-.425 1.075-.425.425-1.075.425H13.1l11.4 11.4q.4.4.4 1t-.45 1.05q-.45.45-1.05.45-.6 0-1.05-.45Z' />
</svg>
)
Expand Down
9 changes: 1 addition & 8 deletions src/Icons/ArrowDownIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,7 @@ import React from 'react'

const ArrowDownIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='M0 0h24v24H0V0z' fill='none' />
<path d='M11 5v11.17l-4.88-4.88c-.39-.39-1.03-.39-1.42 0-.39.39-.39 1.02 0 1.41l6.59 6.59c.39.39 1.02.39 1.41 0l6.59-6.59c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L13 16.17V5c0-.55-.45-1-1-1s-1 .45-1 1z' />
</svg>
Expand Down
9 changes: 1 addition & 8 deletions src/Icons/ArrowForwardIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,7 @@ import React from 'react'

const ArrowForwardIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='M22.95 38.9q-.4-.4-.4-1.05t.4-1.05l11.3-11.3H9.5q-.65 0-1.075-.425Q8 24.65 8 24q0-.65.425-1.075Q8.85 22.5 9.5 22.5h24.75l-11.3-11.3q-.4-.4-.4-1.075 0-.675.4-1.075.4-.4 1.05-.4t1.05.4l13.9 13.9q.25.25.35.5.1.25.1.55 0 .25-.1.525t-.35.525l-13.9 13.9q-.4.4-1.05.375-.65-.025-1.05-.425Z' />
</svg>
)
Expand Down
11 changes: 11 additions & 0 deletions src/Icons/ArrowIcon.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
import React from 'react'

const ArrowIcon: React.FC<React.SVGProps<SVGSVGElement>> = React.memo((props) => {
return (
<svg width='6' height='12' viewBox='0 0 6 12' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
<path d='M0.25 11.5L5.75 6L0.25 0.5L0.25 11.5Z' fill='#777777' />
</svg>
)
})

export default ArrowIcon
9 changes: 1 addition & 8 deletions src/Icons/ArrowUpIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,7 @@ import React from 'react'

const ArrowUpIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='M0 0h24v24H0V0z' fill='none' />
<path d='M13 19V7.83l4.88 4.88c.39.39 1.03.39 1.42 0 .39-.39.39-1.02 0-1.41l-6.59-6.59c-.39-.39-1.02-.39-1.41 0l-6.6 6.58c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L11 7.83V19c0 .55.45 1 1 1s1-.45 1-1z' />
</svg>
Expand Down
9 changes: 1 addition & 8 deletions src/Icons/CheckCircleIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,7 @@ import React from 'react'

const CheckCircleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#ffffff'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#ffffff' {...props}>
<path d='M0 0h24v24H0V0z' fill='none' />
<path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zM9.29 16.29L5.7 12.7c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0L10 14.17l6.88-6.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-7.59 7.59c-.38.39-1.02.39-1.41 0z' />
</svg>
Expand Down
9 changes: 1 addition & 8 deletions src/Icons/CheckIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,7 @@ import React from 'react'

const CheckIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='M0 0h24v24H0V0z' fill='none' />
<path d='M9 16.2l-3.5-3.5c-.39-.39-1.01-.39-1.4 0-.39.39-.39 1.01 0 1.4l4.19 4.19c.39.39 1.02.39 1.41 0L20.3 7.7c.39-.39.39-1.01 0-1.4-.39-.39-1.01-.39-1.4 0L9 16.2z' />
</svg>
Expand Down
9 changes: 1 addition & 8 deletions src/Icons/ClearIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,7 @@ import React from 'react'

const ClearIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='M0 0h24v24H0V0z' fill='none' />
<path d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z' />
</svg>
Expand Down
68 changes: 23 additions & 45 deletions src/Icons/ClockIcon.tsx
Original file line number Diff line number Diff line change
@@ -1,47 +1,25 @@
import React from 'react';
import React from 'react'

const ClockIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
width='12'
height='12'
viewBox='0 0 12 12'
fill='none'
xmlns='http://www.w3.org/2000/svg'
{...props}
>
<g clip-path='url(#clip0_517_1773)'>
<path
d='M6 10C7.933 10 9.5 8.433 9.5 6.5C9.5 4.567 7.933 3 6 3C4.067 3 2.5 4.567 2.5 6.5C2.5 8.433 4.067 10 6 10Z'
stroke='#E2E2E2'
stroke-linecap='round'
stroke-linejoin='round'
/>
<path
d='M6 5V6.5H7'
stroke='#E2E2E2'
stroke-linecap='round'
stroke-linejoin='round'
/>
<path
d='M3.5 2L2.125 3'
stroke='#E2E2E2'
stroke-linecap='round'
stroke-linejoin='round'
/>
<path
d='M8.5 2L9.875 3'
stroke='#E2E2E2'
stroke-linecap='round'
stroke-linejoin='round'
/>
</g>
<defs>
<clipPath id='clip0_517_1773'>
<rect width='12' height='12' fill='white' />
</clipPath>
</defs>
</svg>
);
};
export default React.memo(ClockIcon);
return (
<svg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
<g clip-path='url(#clip0_517_1773)'>
<path
d='M6 10C7.933 10 9.5 8.433 9.5 6.5C9.5 4.567 7.933 3 6 3C4.067 3 2.5 4.567 2.5 6.5C2.5 8.433 4.067 10 6 10Z'
stroke='#E2E2E2'
stroke-linecap='round'
stroke-linejoin='round'
/>
<path d='M6 5V6.5H7' stroke='#E2E2E2' stroke-linecap='round' stroke-linejoin='round' />
<path d='M3.5 2L2.125 3' stroke='#E2E2E2' stroke-linecap='round' stroke-linejoin='round' />
<path d='M8.5 2L9.875 3' stroke='#E2E2E2' stroke-linecap='round' stroke-linejoin='round' />
</g>
<defs>
<clipPath id='clip0_517_1773'>
<rect width='12' height='12' fill='white' />
</clipPath>
</defs>
</svg>
)
}
export default React.memo(ClockIcon)
9 changes: 1 addition & 8 deletions src/Icons/ContactSupportIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,7 @@ import React from 'react'

const ContactSupportIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='M0 0h24v24H0V0z' fill='none' />
<path d='M11 23.59v-3.6c-5.01-.26-9-4.42-9-9.49C2 5.26 6.26 1 11.5 1S21 5.26 21 10.5c0 4.95-3.44 9.93-8.57 12.4l-1.43.69zM11.5 3C7.36 3 4 6.36 4 10.5S7.36 18 11.5 18H13v2.3c3.64-2.3 6-6.08 6-9.8C19 6.36 15.64 3 11.5 3zm-1 11.5h2v2h-2zm2-1.5h-2c0-3.25 3-3 3-5 0-1.1-.9-2-2-2s-2 .9-2 2h-2c0-2.21 1.79-4 4-4s4 1.79 4 4c0 2.5-3 2.75-3 5z' />
</svg>
Expand Down
9 changes: 1 addition & 8 deletions src/Icons/ContentCopyIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,7 @@ import React from 'react'

const ContentCopyIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='M0 0h24v24H0V0z' fill='none' />
<path d='M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z' />
</svg>
Expand Down
9 changes: 1 addition & 8 deletions src/Icons/ExpandMoreIcon.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,7 @@ import React from 'react'

const ExpandMoreIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='M24 24H0V0h24v24z' fill='none' opacity='.87' />
<path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z' />
</svg>
Expand Down
66 changes: 22 additions & 44 deletions src/Icons/InfoIcon.tsx
Original file line number Diff line number Diff line change
@@ -1,46 +1,24 @@
import React from 'react';
import React from 'react'

const InfoIcon: React.FC<React.HtmlHTMLAttributes<any>> = React.forwardRef(
(props, ref: any) => {
return (
<svg
ref={ref}
width='20'
height='20'
viewBox='0 0 20 20'
fill='none'
xmlns='http://www.w3.org/2000/svg'
{...props}
>
<g clip-path='url(#clip0_12231_35410)'>
<path
d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z'
fill='#E2E2E2'
fill-opacity='0.1'
/>
<path
d='M10 6.66602H10.0083'
stroke='#777777'
stroke-width='1.5'
stroke-linecap='round'
stroke-linejoin='round'
/>
<path
d='M9.16699 10H10.0003V13.3333H10.8337'
stroke='#777777'
stroke-width='1.5'
stroke-linecap='round'
stroke-linejoin='round'
/>
</g>
<defs>
<clipPath id='clip0_12231_35410'>
<rect width='20' height='20' fill='white' />
</clipPath>
</defs>
</svg>
);
}
);
const InfoIcon: React.FC<React.HtmlHTMLAttributes<any>> = React.forwardRef((props, ref: any) => {
return (
<svg ref={ref} width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
<g clip-path='url(#clip0_12231_35410)'>
<path
d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z'
fill='#E2E2E2'
fill-opacity='0.1'
/>
<path d='M10 6.66602H10.0083' stroke='#777777' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' />
<path d='M9.16699 10H10.0003V13.3333H10.8337' stroke='#777777' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' />
</g>
<defs>
<clipPath id='clip0_12231_35410'>
<rect width='20' height='20' fill='white' />
</clipPath>
</defs>
</svg>
)
})

export default React.memo(InfoIcon);
export default React.memo(InfoIcon)
13 changes: 2 additions & 11 deletions src/Icons/KeyBoardArrowDownIcon.tsx
Original file line number Diff line number Diff line change
@@ -1,17 +1,8 @@
import React from 'react'

const KeyBoardArrowDownIcon: React.FC<React.SVGProps<SVGSVGElement>> = (
props
) => {
const KeyBoardArrowDownIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='M8.12 9.29L12 13.17l3.88-3.88c.39-.39 1.02-.39 1.41 0 .39.39.39 1.02 0 1.41l-4.59 4.59c-.39.39-1.02.39-1.41 0L6.7 10.7c-.39-.39-.39-1.02 0-1.41.39-.38 1.03-.39 1.42 0z' />
</svg>
)
Expand Down
13 changes: 2 additions & 11 deletions src/Icons/KeyBoardArrowLeftIcon.tsx
Original file line number Diff line number Diff line change
@@ -1,17 +1,8 @@
import React from 'react'

const KeyBoardArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (
props
) => {
const KeyBoardArrowLeftIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='M14.71 15.88L10.83 12l3.88-3.88c.39-.39.39-1.02 0-1.41-.39-.39-1.02-.39-1.41 0L8.71 11.3c-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z' />
</svg>
)
Expand Down
13 changes: 2 additions & 11 deletions src/Icons/KeyBoardArrowRightIcon.tsx
Original file line number Diff line number Diff line change
@@ -1,17 +1,8 @@
import React from 'react'

const KeyBoardArrowRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (
props
) => {
const KeyBoardArrowRightIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => {
return (
<svg
xmlns='http://www.w3.org/2000/svg'
height='24px'
viewBox='0 0 24 24'
width='24px'
fill='#FFFFFF'
{...props}
>
<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='#FFFFFF' {...props}>
<path d='M9.29 15.88L13.17 12 9.29 8.12c-.39-.39-.39-1.02 0-1.41.39-.39 1.02-.39 1.41 0l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3c-.39.39-1.02.39-1.41 0-.38-.39-.39-1.03 0-1.42z' />
</svg>
)
Expand Down
Loading

0 comments on commit 9d00a22

Please sign in to comment.