Add `electric-truck` icon

[LienMaas]

What is the purpose of this pull request?

• [x] New Icon
• [ ] Bug fix
• [ ] New Feature
• [ ] Documentation update
• [ ] Other:

Description

Adds an icon for electric trucks

Icon use case

Makes it possible to distinguish between regular and electric trucks.

Alternative icon designs

Icon Design Checklist

Concept

• [x] I have provided valid use cases for each icon.
• [x] I have not added any a brand or logo icon.
• [x] I have not used any hate symbols.
• [x] I have not included any religious or political imagery.

Author, credits & license

• [ ] The icons are solely my own creation.
• [ ] The icons were originally created in #<issueNumber> by @<githubUser>
• [x] I've based them on the following Lucide icons: truck
• [ ] I've based them on the following design:

Naming

• [x] I've read and followed the naming conventions
• [x] I've named icons by what they are rather than their use case.
• [x] I've provided meta JSON files in icons/[iconName].json.

Design

• [x] I've read and followed the icon design guidelines
• [x] I've made sure that the icons look sharp on low DPI displays.
• [x] I've made sure that the icons look consistent with the icon set in size, optical volume and density.
• [x] I've made sure that the icons are visually centered.
• [x] I've correctly optimized all icons to two points of precision.

Before Submitting

• [x] I've read the Contribution Guidelines.
• [x] I've checked if there was an existing PR that solves the same issue.

[github-actions[bot]]

Added or changed icons

Preview cohesion

Preview stroke widths

DPI Preview (24px)

Icon X-rays

Icons as code

Works for: lucide-react, lucide-react-native, lucide-preact, lucide-vue-next

const TruckElectricIcon = createLucideIcon('TruckElectric', [
  ["path",{"d":"M14 18V6a2 2 0 0 0-2-2M4 4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2m10 0H9m10 0h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.62L18.3 8.38a1 1 0 0 0-.78-.38H14"}],
  ["path",{"d":"M17 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4M7 20a2 2 0 1 0 0-4 2 2 0 0 0 0 4M8.07 4 6.58 6.22A.5.5 0 0 0 7 7h2.13a.5.5 0 0 1 .42.78L8.07 10"}]
])

[ericfennis]

@LienMaas Can we try to make a variant with the zap a bit bigger? On 100% scale the zap looks a bit small.

[danielbayley]

@LienMaas It should also be centred in the van I think. See also #1460, for consistency…

[LienMaas]

@danielbayley I tried putting the zap in the middle, but the zap had to be really small to not violate the 2px rule.

This way I can definetly make the zap a bit bigger

[danielbayley]

I tried putting the zap in the middle, but the zap had to be really small to not violate the 2px rule. This way I can definetly make the zap a bit bigger

@LienMaas Yeah I meant something a bit like this…

[jguddas]

I tried putting the zap in the middle, but the zap had to be really small to not violate the 2px rule. This way I can definetly make the zap a bit bigger

@LienMaas Yeah I meant something a bit like this…

I like it, here is the studio link.

https://lucide-studio.vercel.app/?value=%3Csvg++xmlns=%22http://www.w3.org/2000/svg%22++width=%2224%22++height=%2224%22++viewBox=%220+0+24+24%22++fill=%22none%22++stroke=%22currentColor%22++stroke-width=%222%22++stroke-linecap=%22round%22++stroke-linejoin=%22round%22%3E++%3Cpath+d=%22M12+5h1a1+1+0+0+1+1+1v11%22+/%3E++%3Cpath+d=%22M14+8h4l4+4v4a1+1+0+0+1-1+1h-2%22+/%3E++%3Cpath+d=%22M15+17H9%22+/%3E++%3Cpath+d=%22M3.2+5H3a1+1+0+0+0-1+1v10a1+1+0+0+0+1+1h2%22+/%3E++%3Cpath+d=%22M8+5+6+8h4l-2+3%22+/%3E++%3Ccircle+cx=%2217%22+cy=%2217%22+r=%222%22+/%3E++%3Ccircle+cx=%227%22+cy=%2217%22+r=%222%22+/%3E%3C/svg%3E

[ericfennis]

Related to PR #1819, this could affect this icon's design.

[github-actions[bot]]

This PR is stale because it has been open 45 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[ericfennis]

I think we should maybe go for the original design concept where the zap is in the corner. Because it is centered and with gap in the top it looks a bit if something is wrong with the truck. Like a crack 😄

[LienMaas]

Something more like this than?

Open lucide studio

[ericfennis]

@LienMaas Looks more like it. But there should be 1px spacing with the canvas.