Create 3 live-icons based on the main logo to denote features

[debloper]

Using SVG paths, create arrow notation icons to visually explain features that closely resemble the logo.

[debloper]

Multi-stream

SVG.js implementation: http://jsfiddle.net/2jsmuemh/1/

<svg
  viewBox="0 0 18 18"
  width="128" height="128"
  fill="none" stroke="#eeeeee" stroke-width="1"
  stroke-linecap="round" stroke-linejoin="round"
  xmlns="http://www.w3.org/2000/svg"
  version="1.1">

    <path d="M8 4L5 1L1 1L1 5L5 9L1 13L1 17L5 17L9 13L13 17L17 17L17 13L14 10 "></path>
    <path  d="M17 1L13 1L9 5L9 9L13 9L17 5Z "></path>

</svg>

[kaustavdm]

Quick thought: why not have the incoming arrow from bottom left, and going out on top left, top right and bottom right?

[debloper]

Updated the concept for leaner look and feel. @kaustavdm because the streamer here is at top and is right. :rofl:

[kaustavdm]

This looks nice. Also, I am 😶

[debloper]

Co-stream

SVG.js implementation: http://jsfiddle.net/2jsmuemh/2/

<svg
  viewBox="0 0 18 18"
  width="128" height="128"
  fill="none" stroke="#eeeeee" stroke-width="1"
  stroke-linecap="round" stroke-linejoin="round"
  xmlns="http://www.w3.org/2000/svg"
  version="1.1">

    <path d="M3 1L9 5L9 9L5 9L1 3 "></path>
    <path d="M1 15L5 9L9 9L9 13L3 17 "></path>
    <path d="M15 17L9 13L9 9L13 9L17 15 "></path>
    <path d="M9 6L13 1L17 1L17 5L12 9 "></path>

</svg>

[dolftax]

TBH, co-stream looks like dick orgy. Multistream is neat.

[debloper]

X-stream

SVG.js implementation: http://jsfiddle.net/2jsmuemh/3/

<svg
  viewBox="0 0 18 18"
  width="128" height="128"
  fill="none" stroke="#eeeeee" stroke-width="1"
  stroke-linecap="round" stroke-linejoin="round"
  xmlns="http://www.w3.org/2000/svg"
  version="1.1">

    <path d="M1 1L5 1L9 5L9 9L5 9L1 5Z "></path>
    <path d="M1 17L1 13L5 9L9 9L9 13L5 17Z "></path>
    <path d="M17 17L13 17L9 13L9 9L13 9L17 13Z "></path>

    <rect width="1" height="1" x="11" y="4"></rect>
    <rect width="1" height="1" x="13" y="1"></rect>
    <rect width="1" height="1" x="16" y="1"></rect>
    <rect width="1" height="1" x="16" y="4"></rect>
    <rect width="1" height="1" x="16" y="7"></rect>

</svg>

[debloper]

Notes: The interactive stream icon will be cool to have as a Conway's Game of Life Glider animation. The initial efforts gave decent result but has some implementation drawbacks. It also needs SVG.js (and not a standalone SVG file itself) as it uses JS for animating, and not SMIL. Will need to look into it afterwards.

Also, not quite happy with the co-streaming icon. Could be better, not sure how exactly.

[kaustavdm]

Co-streaming icon needs to be 3-in:1-out. Also, gliders idea is cool.

[debloper]

Co-streaming icon is indeed 3-in:1-out.

Also, renaming Interactive streaming to X-stream.

• Extreme.
• Less characters (but not character less)
• XpleX's flagship identity as streaming platform > X-stream
• X as in cross-dimensional, experimental features are to be landed first under this banner

[kaustavdm]

I am drooling.