feat: Icon truck was updated and icons bike, bus, car and taxi were added

[ahtohbi4]

Before:

Old icon track.

After:

1. icon track was updated and
2. icons bike, bus, car and taxi were added.

[codecov]

Codecov Report

Merging #789 into master will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##            master      #789   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files            5         5           
  Lines           34        34           
  Branches         3         3           
=========================================
  Hits            34        34           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3c64e93...c4f5de6. Read the comment docs.

[locness3]

@colebemis ?

[ericfennis]

@ahtohbi4 These icons are 🔥
If like to contribute, maybe you want to joins us at https://github.com/featherity/featherity and open this PR there 😁

[jtroussard]

Tried copying the svg for car into a small project and found it rendered with thicker than anticipated lines. Not sure if this is a browser thing but wanted to post an example of what I am getting:

code

Customers

<li class="nav-item">
  <a class="nav-link active" href="#">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
      stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user">
      <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
      <circle cx="12" cy="7" r="4"></circle>
    </svg>
    Customers
  </a>
</li>

Vehicles

<li class="nav-item">
    <a class="nav-link active" href="#">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
        <path d="M14 16H9m10 0h3v-3.15a1 1 0 00-.84-.99L16 11l-2.7-3.6a1 1 0 00-.8-.4H5.24a2 2 0 00-1.8 1.1l-.8 1.63A6 6 0 002 12.42V16h2"></path>
        <path d="M6.5 19a2.5 2.5 0 100-5 2.5 2.5 0 000 5zM16.5 19a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"></path>
    </svg>
      Vehicles
    </a>
</li>

• Windows 10
• Chrome Version 89.0.4389.114 (Official Build) (64-bit)

[jtroussard]

Tried copying the svg for car into a small project and found it rendered with thicker than anticipated lines. Not sure if this is a browser thing but wanted to post an example of what I am getting:

code

Customers

<li class="nav-item">
  <a class="nav-link active" href="#">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor"
      stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-user">
      <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
      <circle cx="12" cy="7" r="4"></circle>
    </svg>
    Customers
  </a>
</li>

Vehicles

<li class="nav-item">
    <a class="nav-link active" href="#">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
        <path d="M14 16H9m10 0h3v-3.15a1 1 0 00-.84-.99L16 11l-2.7-3.6a1 1 0 00-.8-.4H5.24a2 2 0 00-1.8 1.1l-.8 1.63A6 6 0 002 12.42V16h2"></path>
        <path d="M6.5 19a2.5 2.5 0 100-5 2.5 2.5 0 000 5zM16.5 19a2.5 2.5 0 100-5 2.5 2.5 0 000 5z"></path>
    </svg>
      Vehicles
    </a>
</li>

• Windows 10
• Chrome Version 89.0.4389.114 (Official Build) (64-bit)

Ok see the difference now - needed to add the class == "feather" . With that change got the desired results. Perhaps we should include this in the commit?

[locness3]

Just saying, all these icons except taxi are available at @lucide-icons :P