Feather: Icon request: USB

Created on 19 Jul 2019  路  9Comments  路  Source: feathericons/feather

Icon Request

  • Icon name: usb
  • Use case: Showing USB support
  • Suggested:
    image
    image

All 9 comments

Go ahead and follow #171 to submit it

@MarcelloTheArcane Feather guidelines say no fills only outlines.

@MarcelloTheArcane Can you provide your Figma ?

@mittalyashu there are none

Then your SVG code please @MarcelloTheArcane

image

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <line x1="3" y1="12" x2="21" y2="12" stroke="black" stroke-width="2" stroke-linecap="round"/>
  <line x1="10" y1="7" x2="13" y2="7" stroke="black" stroke-width="2" stroke-linecap="round"/>
  <line x1="11" y1="17" x2="14" y2="17" stroke="black" stroke-width="2" stroke-linecap="round"/>
  <path d="M20 14L22 12L20 10L20 14Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M10 7C7.5 7 7.5 12 5 12" stroke="black" stroke-width="2"/>
  <path d="M11 17C8.5 17 8.5 12 6 12" stroke="black" stroke-width="2"/>
  <circle cx="3" cy="12" r="1" stroke="black" stroke-width="2"/>
  <circle cx="14" cy="7" r="1" stroke="black" stroke-width="2"/>
  <rect x="14" y="16" width="2" height="2" stroke="black" stroke-width="2" stroke-linejoin="round"/>
</svg>

@MarcelloTheArcane Looks good! Just combined into one path and formatted for you!

<svg
  width="24"
  height="24"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
>
  <path d="M4 12h16M4 12a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm1 0c2.5 0 2.5-5 5-5h3m0 0a1 1 0 1 0 2 0 1 1 0 0 0-2 0zm-7 5c2.5 0 2.5 5 5 5h3m6-3l2-2-2-2v4zm-6 2h2v2h-2v-2z" />
</svg>

Thanks @johnletey!

You are absolutely welcome @MarcelloTheArcane!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

arinbjornk picture arinbjornk  路  4Comments

designgrill picture designgrill  路  5Comments

kurisubrooks picture kurisubrooks  路  4Comments

rsaccon picture rsaccon  路  4Comments

Tinendo picture Tinendo  路  5Comments