Logo & icon design for a link shortener

Create a logo/icon design for the website.

The project is a link shortener, based on this. 

Brand name - WeLinked (We Linked)

Additional requirements:
We work with .png .svg .psd, please warn in advance if something else is needed.

Along with the source files upon submission, provide a list of names or files of the fonts used.

In the end, the minimum set:
1) Logo in .SVG format. 
Do not tie the logo design to the letters / brand name. Create something simple, a shape/shapes with a regular or light gradient fill. Since it will be used in small narrow headings as well as a favicon.

Example:

2) Logo + brand name in .PNG format (with transparency) at a resolution of 240x32 in two themes (dark, light)

The logo and text should not be centered, but aligned to the left edge of the image. Otherwise, it will look unattractive. It can be less than 240 in length if there are extra pixels, just crop it. It may be better to provide several options to choose from.

Example placement as well as a clean background in two themes for you to test the result.

3) Source files for favicons.
A regular icon will work for the light theme.

For the dark theme, a separate version of the icon with a background or border will likely be needed. 

For testing, we use https://realfavicongenerator.net/

The favicon should look good. It probably won't, so we upload a separate dark version.
Add a plain background and margins is not suitable, it negatively affects the icon in the light theme.
Upload Use another icon for the dark theme and show the result as a screenshot. And the source files upon submission.

4) Random examples of using the icon with text to your taste and color. Not too many.

Color hints

"font": {

    "subtle-light": "107 114 128",

    "subtle-dark": "156 163 175",

    "default-light": "75 85 99",

    "default-dark": "209 213 219",

    "important-light": "17 24 39",

    "important-dark": "243 244 246",

},

"primary": {

    "50": "240 255 244",  # Very light green

    "100": "220 252 231",  # Lighter green

    "200": "187 247 208",  # Light green

    "300": "134 239 172",  # Medium-light green

    "400": "74 222 128",  # Green

    "500": "34 197 94",  # Default green

    "600": "22 163 74",  # Darker green

    "700": "21 128 61",  # Dark green

    "800": "22 101 52",  # Very dark green

    "900": "20 83 45",  # Deep dark green

    "950": "12 46 23",  # Almost black-green

},

Palette for the main color (green, primary-600 main) and fonts
Background #ffffff and #f9fafb for the light theme

Background #111827 and #0f1423 for the dark theme