Skip to content

Commit e6798d2

Browse files
pheralbpheralb
committed
⚒️ Add icons.
1 parent eaaca87 commit e6798d2

File tree

11 files changed

+264
-0
lines changed

11 files changed

+264
-0
lines changed

‎src/index.ts‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -71,3 +71,13 @@ export { default as Storybook } from './library/storybook';
7171
export { default as Stylus } from './library/stylus';
7272
export { default as Svelte } from './library/svelte';
7373
export { default as SVG } from './library/svg';
74+
export { default as Swift } from './library/swift';
75+
export { default as Tailwind } from './library/tailwind';
76+
export { default as Text } from './library/text';
77+
export { default as TypeScript } from './library/typescript';
78+
export { default as Vite } from './library/vite';
79+
export { default as Vue } from './library/vue';
80+
export { default as Webpack } from './library/webpack';
81+
export { default as XML } from './library/xml';
82+
export { default as Yaml } from './library/yaml';
83+
export { default as Yarn } from './library/yarn';

‎src/library/swift.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import React from 'react';
2+
import { SvgInterface } from '../interfaces/svgInterface';
3+
4+
const Swift: React.FC<SvgInterface> = (props: SvgInterface) => {
5+
return (
6+
<svg
7+
xmlns="http://www.w3.org/2000/svg"
8+
width={props.width || 25}
9+
height={props.height || 24}
10+
fill="none"
11+
viewBox="0 0 25 24"
12+
>
13+
<path
14+
stroke="#EA580C"
15+
strokeLinejoin="round"
16+
strokeWidth="2"
17+
d="M15.451 10.98c.328-2.058-.355-4.403-1.858-6.44a1 1 0 011.32-1.45c4.291 2.577 7.016 7.532 6.013 11.97.93 1.303 1.297 2.626 1.387 3.62.048.537.021 1.028-.073 1.394-.025.095-.06.204-.111.313-.043.091-.137.27-.32.422a1.05 1.05 0 01-1.082.162 1.112 1.112 0 01-.552-.523h0c-.376-.732-.835-.918-1.252-.952-.49-.04-1.035.132-1.45.343-.086.05-.17.097-.248.139l-.003.002c-.034.02-.068.038-.102.054-2.407 1.256-5.53 1.297-8.574-.012h0a13.486 13.486 0 01-6.057-5.194 1 1 0 011.441-1.335c.595.439 1.236.824 1.916 1.143 2.124.995 4.18 1.137 5.83.651-2.565-2.22-4.72-4.825-6.395-6.95A11.53 11.53 0 014.2 6.842 1 1 0 015.732 5.59c.318.292.662.593 1.022.898-.126-.18-.224-.325-.29-.426a3.786 3.786 0 01-.118-.191V5.87a1.07 1.07 0 01-.057-.124v-.002a1.01 1.01 0 01.057-.838c.072-.112.268-.313.393-.394.127-.06.375-.12.49-.125a1.001 1.001 0 01.707.298l7.515 6.295zm0 0a45.088 45.088 0 01-1.734-1.249 54.42 54.42 0 01-5.78-5.046l7.514 6.295zm1.768 9.002h0-.002.002zm3.083-.403v-.002.002zm1.652-.046h0v-.002.002zm-1.073-4.285s0 0 0 0l-.762-.19.762.19zm-.762-.19l.506-.394a.468.468 0 00-.012-.015l-.001-.002-.502.408-.02-.005.494-.436-.01-.01.004.004-.459.45zm-.029-.008l.02.005-.02-.005z"
18+
></path>
19+
</svg>
20+
);
21+
};
22+
23+
export default Swift;

‎src/library/tailwind.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import React from 'react';
2+
import { SvgInterface } from '../interfaces/svgInterface';
3+
4+
const Tailwind: React.FC<SvgInterface> = (props: SvgInterface) => {
5+
return (
6+
<svg
7+
xmlns="http://www.w3.org/2000/svg"
8+
width={props.width || 24}
9+
height={props.height || 24}
10+
fill="none"
11+
viewBox="0 0 24 24"
12+
>
13+
<path
14+
fill="#0EA5E9"
15+
fillRule="evenodd"
16+
d="M12 6C9.333 6 7.667 7.325 7 9.976c1-1.325 2.167-1.822 3.5-1.49.76.188 1.305.737 1.906 1.344.98.99 2.116 2.134 4.594 2.134 2.667 0 4.333-1.325 5-3.976-1 1.326-2.166 1.822-3.5 1.49-.76-.188-1.305-.737-1.906-1.344C15.614 7.144 14.479 6 12 6zm-5 5.964c-2.667 0-4.333 1.325-5 3.976 1-1.325 2.167-1.822 3.5-1.491.76.189 1.305.738 1.906 1.345.98.99 2.115 2.134 4.594 2.134 2.667 0 4.334-1.325 5-3.976-1 1.325-2.167 1.822-3.5 1.491-.76-.189-1.305-.738-1.906-1.345-.98-.989-2.116-2.134-4.594-2.134z"
17+
clipRule="evenodd"
18+
></path>
19+
</svg>
20+
);
21+
};
22+
23+
export default Tailwind;

‎src/library/text.tsx‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
import React from 'react';
2+
import { SvgInterface } from '../interfaces/svgInterface';
3+
4+
const Text: React.FC<SvgInterface> = (props: SvgInterface) => {
5+
return (
6+
<svg
7+
xmlns="http://www.w3.org/2000/svg"
8+
width={props.width || 24}
9+
height={props.height || 24}
10+
fill="none"
11+
viewBox="0 0 24 24"
12+
>
13+
<rect width="16" height="2" x="4" y="6" fill="#64748B" rx="1"></rect>
14+
<rect width="12" height="2" x="4" y="11" fill="#64748B" rx="1"></rect>
15+
<rect width="16" height="2" x="4" y="16" fill="#64748B" rx="1"></rect>
16+
</svg>
17+
);
18+
};
19+
20+
export default Text;

‎src/library/typescript.tsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import React from 'react';
2+
import { SvgInterface } from '../interfaces/svgInterface';
3+
4+
const Typescript: React.FC<SvgInterface> = (props: SvgInterface) => {
5+
return (
6+
<svg
7+
xmlns="http://www.w3.org/2000/svg"
8+
width={props.width || 24}
9+
height={props.height || 24}
10+
fill="none"
11+
viewBox="0 0 24 24"
12+
>
13+
<path
14+
fill="#2563EB"
15+
d="M3.234 9.093V7.318h8.363v1.775H8.479V17.5H6.352V9.093H3.234zm15.263 1.153c-.04-.4-.21-.712-.512-.934-.301-.222-.71-.333-1.228-.333-.351 0-.648.05-.89.149-.242.096-.427.23-.557.403a.969.969 0 00-.189.586.838.838 0 00.115.477c.086.136.204.254.353.353.149.097.321.181.517.254.195.07.404.13.626.179l.915.219c.444.1.852.232 1.223.397.371.166.693.37.965.612.271.242.482.527.631.855.152.328.23.704.234 1.129-.004.623-.163 1.163-.478 1.62-.311.454-.762.807-1.352 1.06-.587.248-1.294.372-2.123.372-.822 0-1.538-.126-2.147-.378-.607-.252-1.081-.624-1.422-1.118-.338-.497-.516-1.112-.532-1.845h2.083c.023.342.12.627.293.855.176.226.41.397.701.513.295.112.628.168 1 .168.364 0 .68-.053.949-.159.272-.106.482-.253.631-.442.15-.189.224-.406.224-.651a.846.846 0 00-.204-.577c-.132-.156-.328-.288-.586-.398a5.964 5.964 0 00-.94-.298l-1.109-.278c-.858-.21-1.536-.536-2.033-.98-.497-.444-.744-1.042-.74-1.795-.004-.616.16-1.155.491-1.615.335-.461.794-.82 1.377-1.08.584-.258 1.247-.387 1.99-.387.755 0 1.414.13 1.978.388.567.258 1.007.618 1.322 1.079.315.46.477.994.488 1.6h-2.064z"
16+
></path>
17+
</svg>
18+
);
19+
};
20+
21+
export default Typescript;

‎src/library/vite.tsx‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
import React from 'react';
2+
import { SvgInterface } from '../interfaces/svgInterface';
3+
4+
const Vite: React.FC<SvgInterface> = (props: SvgInterface) => {
5+
return (
6+
<svg
7+
xmlns="http://www.w3.org/2000/svg"
8+
width={props.width || 25}
9+
height={props.height || 24}
10+
fill="none"
11+
viewBox="0 0 25 24"
12+
>
13+
<path
14+
fill="#A855F7"
15+
d="M20.94 5.668l-8.455 15.12a.46.46 0 01-.8.003L3.06 5.669a.46.46 0 01.48-.68l8.465 1.513c.054.01.11.01.163 0l8.288-1.51a.46.46 0 01.483.676z"
16+
></path>
17+
<path
18+
fill="#FBBF24"
19+
d="M16.038 3.004L9.781 4.231a.23.23 0 00-.185.211l-.385 6.501a.23.23 0 00.28.238l1.743-.402a.23.23 0 01.277.27l-.518 2.534a.23.23 0 00.292.266l1.076-.327a.23.23 0 01.292.266l-.823 3.982c-.051.249.28.384.418.17l.093-.142 5.098-10.175a.23.23 0 00-.249-.329l-1.793.346a.23.23 0 01-.264-.289l1.17-4.057a.23.23 0 00-.265-.29z"
20+
></path>
21+
</svg>
22+
);
23+
};
24+
25+
export default Vite;

‎src/library/vue.tsx‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
import React from 'react';
2+
import { SvgInterface } from '../interfaces/svgInterface';
3+
4+
const Vue: React.FC<SvgInterface> = (props: SvgInterface) => {
5+
return (
6+
<svg
7+
xmlns="http://www.w3.org/2000/svg"
8+
width={props.width || 24}
9+
height={props.height || 24}
10+
fill="none"
11+
viewBox="0 0 24 24"
12+
>
13+
<path
14+
fill="#14B8A6"
15+
d="M14.079 4.411L12 8.011l-2.078-3.6H3L12 20l9-15.589h-6.921z"
16+
></path>
17+
<path
18+
fill="#334155"
19+
d="M14.079 4.411L12 8.011l-2.078-3.6H6.6l5.4 9.353 5.4-9.353h-3.321z"
20+
></path>
21+
</svg>
22+
);
23+
};
24+
25+
export default Vue;

‎src/library/webpack.tsx‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
import React from 'react';
2+
import { SvgInterface } from '../interfaces/svgInterface';
3+
4+
const Webpack: React.FC<SvgInterface> = (props: SvgInterface) => {
5+
return (
6+
<svg
7+
xmlns="http://www.w3.org/2000/svg"
8+
width={props.width || 24}
9+
height={props.height || 24}
10+
fill="none"
11+
viewBox="0 0 24 24"
12+
>
13+
<path
14+
fill="#2563EB"
15+
fillRule="evenodd"
16+
d="M12.417 15.621c0 .32.347.521.625.361l2.719-1.57a.417.417 0 00.208-.36v-3.14a.417.417 0 00-.625-.362l-2.72 1.57a.417.417 0 00-.207.361v3.14zm2.51-5.792a.417.417 0 000-.722l-2.719-1.57a.417.417 0 00-.416 0L9.027 9.133a.417.417 0 000 .722l2.72 1.57a.417.417 0 00.416 0l2.764-1.596zm-6.271.773a.417.417 0 00-.625.361v3.088c0 .149.08.287.208.361l2.72 1.57c.277.16.624-.04.624-.36v-3.089a.417.417 0 00-.208-.36l-2.72-1.57z"
17+
clipRule="evenodd"
18+
></path>
19+
<path
20+
fill="#93C5FD"
21+
d="M5.511 7.773l1.244.718a.417.417 0 00.417 0l4.203-2.427a.417.417 0 00.208-.361V4.267a.417.417 0 00-.625-.36L5.511 7.05a.417.417 0 000 .722zM12.417 4.267v1.436c0 .149.08.286.208.36l4.204 2.428a.417.417 0 00.416 0l1.244-.718a.417.417 0 000-.722l-5.447-3.145a.417.417 0 00-.625.361zM17.454 9.573v4.854c0 .149.079.286.208.36l1.243.719c.278.16.625-.04.625-.361v-6.29a.417.417 0 00-.625-.36l-1.243.717a.417.417 0 00-.208.361zM16.829 15.51l-4.204 2.426a.417.417 0 00-.208.361v1.436c0 .32.347.521.625.36l5.447-3.144a.417.417 0 000-.722l-1.244-.718a.416.416 0 00-.416 0zM11.375 17.936L7.172 15.51a.417.417 0 00-.417 0l-1.244.718a.417.417 0 000 .722l5.447 3.145c.278.16.625-.04.625-.361v-1.436a.417.417 0 00-.208-.36zM6.547 14.427V9.573a.417.417 0 00-.209-.36l-1.243-.719a.417.417 0 00-.625.361v6.29c0 .32.347.521.625.36l1.243-.717a.417.417 0 00.209-.361z"
22+
></path>
23+
</svg>
24+
);
25+
};
26+
27+
export default Webpack;

‎src/library/xml.tsx‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
import React from 'react';
2+
import { SvgInterface } from '../interfaces/svgInterface';
3+
4+
const XML: React.FC<SvgInterface> = (props: SvgInterface) => {
5+
return (
6+
<svg
7+
xmlns="http://www.w3.org/2000/svg"
8+
width={props.width || 24}
9+
height={props.height || 24}
10+
fill="none"
11+
viewBox="0 0 24 24"
12+
>
13+
<circle cx="5" cy="19" r="2" fill="#EA580C"></circle>
14+
<mask
15+
id="mask0_20543_563"
16+
style={{ maskType: 'alpha' }}
17+
width="20"
18+
height="22"
19+
x="4"
20+
y="0"
21+
maskUnits="userSpaceOnUse"
22+
>
23+
<path fill="#D9D9D9" d="M4 0H24V22H4z"></path>
24+
</mask>
25+
<g mask="url(#mask0_20543_563)">
26+
<circle cx="5" cy="19" r="8" stroke="#EA580C" strokeWidth="2"></circle>
27+
</g>
28+
<mask
29+
id="mask1_20543_563"
30+
style={{ maskType: 'alpha' }}
31+
width="19"
32+
height="20"
33+
x="5"
34+
y="0"
35+
maskUnits="userSpaceOnUse"
36+
>
37+
<path fill="#D9D9D9" d="M5 0H24V20H5z"></path>
38+
</mask>
39+
<g mask="url(#mask1_20543_563)">
40+
<circle cx="5" cy="19" r="15" stroke="#EA580C" strokeWidth="2"></circle>
41+
</g>
42+
</svg>
43+
);
44+
};
45+
46+
export default XML;

‎src/library/yaml.tsx‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
import React from 'react';
2+
import { SvgInterface } from '../interfaces/svgInterface';
3+
4+
const Yaml: React.FC<SvgInterface> = (props: SvgInterface) => {
5+
return (
6+
<svg
7+
xmlns="http://www.w3.org/2000/svg"
8+
width={props.width || 24}
9+
height={props.height || 24}
10+
fill="none"
11+
viewBox="0 0 24 24"
12+
>
13+
<path
14+
fill="#A78BFA"
15+
d="M6.533 5.864h2.755l2.654 5.011h.113l2.654-5.011h2.756l-4.245 7.522V17.5h-2.443v-4.114L6.533 5.864z"
16+
></path>
17+
</svg>
18+
);
19+
};
20+
21+
export default Yaml;

0 commit comments

Comments
 (0)