Skip to content

Commit

Permalink
0.3.2
Browse files Browse the repository at this point in the history
  • Loading branch information
solomon-fibonacci committed Jun 3, 2022
1 parent 6d2bd97 commit ab92b84
Show file tree
Hide file tree
Showing 284 changed files with 6,697 additions and 1,735 deletions.
4 changes: 2 additions & 2 deletions package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "react-basicons",
"version": "0.3.1",
"version": "0.3.2",
"description": "React package for simple customizable svg icons.",
"main": "./dist/index.js",
"types": "./dist/index.d.ts",
Expand Down
28 changes: 18 additions & 10 deletions src/icons/AccessibilityHandicapDisabilityHandicapWheelchair.tsx
Original file line number Diff line number Diff line change
@@ -1,16 +1,24 @@

import React from 'react'
import { IconConfig } from '../types'
const AccessibilityHandicapDisabilityHandicapWheelchair: React.FC<IconConfig> = ({
size = 24,
color = '#000',
weight = 1.5
}) => {
const AccessibilityHandicapDisabilityHandicapWheelchair: React.FC<
IconConfig
> = ({ size = 24, color = '#000', weight = 1.5 }) => {
return (
<svg width={`${size || 24}`} height={`${size || 24}`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19 21H17V16C17 15.4477 16.5523 15 16 15H12.5C11.6716 15 11 14.3284 11 13.5V8L14.5 11.5M14 18.0005C13.0878 19.2147 11.6356 20 10 20C7.23858 20 5 17.7614 5 15C5 12.9497 6.2341 11.1876 8 10.416M12 4C12 4.55228 11.5523 5 11 5C10.4477 5 10 4.55228 10 4C10 3.44772 10.4477 3 11 3C11.5523 3 12 3.44772 12 4Z" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
</svg>

<svg
width={`${size || 24}`}
height={`${size || 24}`}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M19 21H17V16C17 15.4477 16.5523 15 16 15H12.5C11.6716 15 11 14.3284 11 13.5V8L14.5 11.5M14 18.0005C13.0878 19.2147 11.6356 20 10 20C7.23858 20 5 17.7614 5 15C5 12.9497 6.2341 11.1876 8 10.416M12 4C12 4.55228 11.5523 5 11 5C10.4477 5 10 4.55228 10 4C10 3.44772 10.4477 3 11 3C11.5523 3 12 3.44772 12 4Z"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

Expand Down
20 changes: 15 additions & 5 deletions src/icons/AccountUserPersonRound.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

import React from 'react'
import { IconConfig } from '../types'
const AccountUserPersonRound: React.FC<IconConfig> = ({
Expand All @@ -7,10 +6,21 @@ const AccountUserPersonRound: React.FC<IconConfig> = ({
weight = 1.5
}) => {
return (
<svg width={`${size || 24}`} height={`${size || 24}`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.75988 19.8248C6.9173 17.5547 9.27709 16 12 16C14.7019 16 17.0462 17.5308 18.2131 19.7723M14.3333 10.4444C14.3333 11.7945 13.2389 12.8889 11.8889 12.8889C10.5389 12.8889 9.44444 11.7945 9.44444 10.4444C9.44444 9.09442 10.5389 8 11.8889 8C13.2389 8 14.3333 9.09442 14.3333 10.4444ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22Z" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
</svg>

<svg
width={`${size || 24}`}
height={`${size || 24}`}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5.75988 19.8248C6.9173 17.5547 9.27709 16 12 16C14.7019 16 17.0462 17.5308 18.2131 19.7723M14.3333 10.4444C14.3333 11.7945 13.2389 12.8889 11.8889 12.8889C10.5389 12.8889 9.44444 11.7945 9.44444 10.4444C9.44444 9.09442 10.5389 8 11.8889 8C13.2389 8 14.3333 9.09442 14.3333 10.4444ZM12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22Z"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

Expand Down
20 changes: 15 additions & 5 deletions src/icons/AccountUserPersonSquare.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

import React from 'react'
import { IconConfig } from '../types'
const AccountUserPersonSquare: React.FC<IconConfig> = ({
Expand All @@ -7,10 +6,21 @@ const AccountUserPersonSquare: React.FC<IconConfig> = ({
weight = 1.5
}) => {
return (
<svg width={`${size || 24}`} height={`${size || 24}`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.75988 19.8248C6.9173 17.5547 9.27709 16 12 16C14.7019 16 17.0462 17.5308 18.2131 19.7723M14.3333 10.4444C14.3333 11.7945 13.2389 12.8889 11.8889 12.8889C10.5389 12.8889 9.44444 11.7945 9.44444 10.4444C9.44444 9.09442 10.5389 8 11.8889 8C13.2389 8 14.3333 9.09442 14.3333 10.4444ZM12 21C8.25027 21 6.3754 21 5.06107 20.0451C4.6366 19.7367 4.26331 19.3634 3.95491 18.9389C3 17.6246 3 15.7497 3 12C3 8.25027 3 6.3754 3.95491 5.06107C4.26331 4.6366 4.6366 4.26331 5.06107 3.95491C6.3754 3 8.25027 3 12 3C15.7497 3 17.6246 3 18.9389 3.95491C19.3634 4.26331 19.7367 4.6366 20.0451 5.06107C21 6.3754 21 8.25027 21 12C21 15.7497 21 17.6246 20.0451 18.9389C19.7367 19.3634 19.3634 19.7367 18.9389 20.0451C17.6246 21 15.7497 21 12 21Z" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
</svg>

<svg
width={`${size || 24}`}
height={`${size || 24}`}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M5.75988 19.8248C6.9173 17.5547 9.27709 16 12 16C14.7019 16 17.0462 17.5308 18.2131 19.7723M14.3333 10.4444C14.3333 11.7945 13.2389 12.8889 11.8889 12.8889C10.5389 12.8889 9.44444 11.7945 9.44444 10.4444C9.44444 9.09442 10.5389 8 11.8889 8C13.2389 8 14.3333 9.09442 14.3333 10.4444ZM12 21C8.25027 21 6.3754 21 5.06107 20.0451C4.6366 19.7367 4.26331 19.3634 3.95491 18.9389C3 17.6246 3 15.7497 3 12C3 8.25027 3 6.3754 3.95491 5.06107C4.26331 4.6366 4.6366 4.26331 5.06107 3.95491C6.3754 3 8.25027 3 12 3C15.7497 3 17.6246 3 18.9389 3.95491C19.3634 4.26331 19.7367 4.6366 20.0451 5.06107C21 6.3754 21 8.25027 21 12C21 15.7497 21 17.6246 20.0451 18.9389C19.7367 19.3634 19.3634 19.7367 18.9389 20.0451C17.6246 21 15.7497 21 12 21Z"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

Expand Down
20 changes: 15 additions & 5 deletions src/icons/ActivityGraph.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

import React from 'react'
import { IconConfig } from '../types'
const ActivityGraph: React.FC<IconConfig> = ({
Expand All @@ -7,10 +6,21 @@ const ActivityGraph: React.FC<IconConfig> = ({
weight = 1.5
}) => {
return (
<svg width={`${size || 24}`} height={`${size || 24}`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3 12H6L9 21L16 3L18 12H21" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
</svg>

<svg
width={`${size || 24}`}
height={`${size || 24}`}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3 12H6L9 21L16 3L18 12H21"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

Expand Down
28 changes: 22 additions & 6 deletions src/icons/AdAnnouncementMegaphone.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

import React from 'react'
import { IconConfig } from '../types'
const AdAnnouncementMegaphone: React.FC<IconConfig> = ({
Expand All @@ -7,11 +6,28 @@ const AdAnnouncementMegaphone: React.FC<IconConfig> = ({
weight = 1.5
}) => {
return (
<svg width={`${size || 24}`} height={`${size || 24}`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.9348 15.6583L18.6383 3.37924C18.2799 2.0442 16.6391 1.55235 15.603 2.46935L13.5253 4.30818C11.2132 6.35446 8.45556 7.83537 5.47068 8.63362C2.97216 9.30181 1.49142 11.8725 2.16089 14.3662C2.83037 16.8599 5.40053 18.3472 7.89906 17.679C10.8839 16.8807 14.014 16.787 17.0415 17.4054L19.762 17.961C21.1187 18.2381 22.2932 16.9933 21.9348 15.6583Z" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
<path d="M7.71747 8L11.5 22" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
</svg>

<svg
width={`${size || 24}`}
height={`${size || 24}`}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M21.9348 15.6583L18.6383 3.37924C18.2799 2.0442 16.6391 1.55235 15.603 2.46935L13.5253 4.30818C11.2132 6.35446 8.45556 7.83537 5.47068 8.63362C2.97216 9.30181 1.49142 11.8725 2.16089 14.3662C2.83037 16.8599 5.40053 18.3472 7.89906 17.679C10.8839 16.8807 14.014 16.787 17.0415 17.4054L19.762 17.961C21.1187 18.2381 22.2932 16.9933 21.9348 15.6583Z"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M7.71747 8L11.5 22"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

Expand Down
30 changes: 24 additions & 6 deletions src/icons/AddCirclePlus.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

import React from 'react'
import { IconConfig } from '../types'
const AddCirclePlus: React.FC<IconConfig> = ({
Expand All @@ -7,11 +6,30 @@ const AddCirclePlus: React.FC<IconConfig> = ({
weight = 1.5
}) => {
return (
<svg width={`${size || 24}`} height={`${size || 24}`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 7V17M7 12H17" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
<circle cx="12" cy="12" r="10" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
</svg>

<svg
width={`${size || 24}`}
height={`${size || 24}`}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 7V17M7 12H17"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle
cx="12"
cy="12"
r="10"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

Expand Down
20 changes: 15 additions & 5 deletions src/icons/AddPlus.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

import React from 'react'
import { IconConfig } from '../types'
const AddPlus: React.FC<IconConfig> = ({
Expand All @@ -7,10 +6,21 @@ const AddPlus: React.FC<IconConfig> = ({
weight = 1.5
}) => {
return (
<svg width={`${size || 24}`} height={`${size || 24}`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 4V20M4 12H20" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
</svg>

<svg
width={`${size || 24}`}
height={`${size || 24}`}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 4V20M4 12H20"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

Expand Down
20 changes: 15 additions & 5 deletions src/icons/AddPlusNewSquareBoxSquare.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

import React from 'react'
import { IconConfig } from '../types'
const AddPlusNewSquareBoxSquare: React.FC<IconConfig> = ({
Expand All @@ -7,10 +6,21 @@ const AddPlusNewSquareBoxSquare: React.FC<IconConfig> = ({
weight = 1.5
}) => {
return (
<svg width={`${size || 24}`} height={`${size || 24}`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 7V12M12 12V17M12 12H7M12 12H17M5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21Z" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
</svg>

<svg
width={`${size || 24}`}
height={`${size || 24}`}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12 7V12M12 12V17M12 12H7M12 12H17M5 21H19C20.1046 21 21 20.1046 21 19V5C21 3.89543 20.1046 3 19 3H5C3.89543 3 3 3.89543 3 5V19C3 20.1046 3.89543 21 5 21Z"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

Expand Down
47 changes: 39 additions & 8 deletions src/icons/AdjustHorizontalSettings.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

import React from 'react'
import { IconConfig } from '../types'
const AdjustHorizontalSettings: React.FC<IconConfig> = ({
Expand All @@ -7,13 +6,45 @@ const AdjustHorizontalSettings: React.FC<IconConfig> = ({
weight = 1.5
}) => {
return (
<svg width={`${size || 24}`} height={`${size || 24}`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 8H13M22 8H19" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
<path d="M22 16H11M2 16H5" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
<circle cx="16" cy="8" r="3" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
<circle r="3" transform="matrix(-1 0 0 1 8 16)" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
</svg>

<svg
width={`${size || 24}`}
height={`${size || 24}`}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2 8H13M22 8H19"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M22 16H11M2 16H5"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle
cx="16"
cy="8"
r="3"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle
r="3"
transform="matrix(-1 0 0 1 8 16)"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

Expand Down
20 changes: 15 additions & 5 deletions src/icons/AdjustVeticalSettings.tsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@

import React from 'react'
import { IconConfig } from '../types'
const AdjustVeticalSettings: React.FC<IconConfig> = ({
Expand All @@ -7,10 +6,21 @@ const AdjustVeticalSettings: React.FC<IconConfig> = ({
weight = 1.5
}) => {
return (
<svg width={`${size || 24}`} height={`${size || 24}`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 2L16 13M16 13C14.3431 13 13 14.3431 13 16C13 17.6569 14.3431 19 16 19M16 13C17.6569 13 19 14.3431 19 16C19 17.6569 17.6569 19 16 19M16 19L16 22M8 22L8 11M8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5M8 11C9.65685 11 11 9.65685 11 8C11 6.34315 9.65685 5 8 5M8 5L8 2" stroke={color} strokeWidth={`${weight || 1.5}`} strokeLinecap="round" strokeLinejoin="round"/>
</svg>

<svg
width={`${size || 24}`}
height={`${size || 24}`}
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 2L16 13M16 13C14.3431 13 13 14.3431 13 16C13 17.6569 14.3431 19 16 19M16 13C17.6569 13 19 14.3431 19 16C19 17.6569 17.6569 19 16 19M16 19L16 22M8 22L8 11M8 11C6.34315 11 5 9.65685 5 8C5 6.34315 6.34315 5 8 5M8 11C9.65685 11 11 9.65685 11 8C11 6.34315 9.65685 5 8 5M8 5L8 2"
stroke={color}
strokeWidth={`${weight || 1.5}`}
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
)
}

Expand Down
Loading

0 comments on commit ab92b84

Please sign in to comment.