CodeType/icons.tsx at main · rahulydv39/CodeType · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

export const PythonIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    role="img"
    viewBox="0 0 24 24"
    xmlns="http://www.w3.org/2000/svg"
  >
    <title>Python</title>
    <path d="M12 2.36a9.92 9.92 0 0 0-6.23 2.37A10.1 10.1 0 0 0 2.2 12a10.09 10.09 0 0 0 3.57 7.27 10.1 10.1 0 0 0 7.37 3.53c.28 0 .5-.22.5-.5v-3.02c0-.28-.22-.5-.5-.5a3.02 3.02 0 0 1-3.02-3.02c0-.28-.22-.5-.5-.5H6.22c-.28 0-.5-.22-.5-.5a3.02 3.02 0 0 1 3.02-3.02c.28 0 .5-.22.5-.5V2.86c0-.28-.22-.5-.5-.5A9.92 9.92 0 0 0 12 2.36z" fill="#306998"/>
    <path d="M12 21.64a9.92 9.92 0 0 0 6.23-2.37A10.1 10.1 0 0 0 21.8 12a10.09 10.09 0 0 0-3.57-7.27A10.1 10.1 0 0 0 10.87 1.2c-.28 0-.5.22-.5.5v3.02c0 .28.22.5.5.5a3.02 3.02 0 0 1 3.02 3.02c0 .28.22.5.5.5h3.41c.28 0 .5.22.5.5a3.02 3.02 0 0 1-3.02 3.02c-.28 0-.5.22-.5.5v2.52c0 .28.22.5.5.5A9.92 9.92 0 0 0 12 21.64z" fill="#FFD43B"/>
  </svg>
);

export const CppIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    role="img"
    viewBox="0 0 24 24"
    xmlns="http://www.w3.org/2000/svg"
    fill="#00599C"
  >
    <title>C++</title>
    <path d="M12.636 1.137a10.89 10.89 0 0 0-9.849 6.23L.27 12l2.517 4.633a10.89 10.89 0 0 0 9.85 6.23 10.89 10.89 0 0 0 9.849-6.23L24.27 12l-2.517-4.633A10.89 10.89 0 0 0 12.636 1.137zm-1.818 5.6h3.636v3.636h3.636v3.637h-3.636v3.636h-3.637v-3.636H7.182v-3.637h3.636V6.737z" />
  </svg>
);

export const HtmlIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    role="img"
    viewBox="0 0 24 24"
    xmlns="http://www.w3.org/2000/svg"
    fill="currentColor"
  >
    <title>HTML5</title>
    <path d="M1.5 0h21l-1.91 21.563L11.977 24l-8.564-2.438L1.5 0zm7.031 9.75l-.232-2.718 10.059.003.23-2.622-13.24.002.69 8.01h11.12l-.326 3.426-2.91.804-2.956-.81-.188-2.11h-2.61l.29 3.855L12 19.288l5.373-1.53L18.194 4.41H4.042l-.69-8.01h18.332l-1.62 18.2-7.964 2.223-8.025-2.224.96-10.866h7.03z" />
  </svg>
);

export const JavaScriptIcon = ({ className }: { className?: string }) => (
  <svg
    className={className}
    role="img"
    viewBox="0 0 24 24"
    xmlns="http://www.w3.org/2000/svg"
  >
    <title>JavaScript</title>
    <path d="M0 0h24v24H0V0z" fill="#F7DF1E"/>
    <path d="M17.51 4.24c0-1.24-.96-2.24-2.2-2.24H8.7c-.33 0-.6.27-.6.6v15.2c0 .33.27.6.6.6h5.88c1.24 0 2.2-.99 2.2-2.24V16.9c0-.33-.27-.6-.6-.6h-3.08v-2.03h3.08c.33 0 .6-.27.6-.6V9.9c0-.33-.27-.6-.6-.6h-3.08V7.28h3.08c.33 0 .6-.27.6-.6V4.24z" fill="#000"/>
  </svg>
);