Add electric-truck icon

[LienMaas]

What is the purpose of this pull request?

• 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

• I have provided valid use cases for each icon.
• I have not added any a brand or logo icon.
• I have not used any hate symbols.
• 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 # by @
• I've based them on the following Lucide icons: truck
• I've based them on the following design:

Naming

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

Design

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

Before Submitting

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

[github-actions]

Added or changed icons

Preview cohesion

Preview stroke widths

DPI Preview (24px)

Icon X-rays

Icon Diffs

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-2"}],
  ["path",{"d":"M15 18H9"}],
  ["path",{"d":"M19 18h2a1 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":"M3 4.267A2 2 0 0 0 2 6v11a1 1 0 0 0 1 1h2"}],
  ["path",{"d":"M8.07 4 6.58 6.22A.5.5 0 0 0 7 7h2.13a.5.5 0 0 1 .42.78L8.07 10"}],
  ["circle",{"cx":"17","cy":"18","r":"2"}],
  ["circle",{"cx":"7","cy":"18","r":"2"}]
])

[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.

[ericfennis]

Should be using the new truck icon, see #1838

[jguddas]

Suggested change

	<path d="M12 6h1a1 1 0 0 1 1 1v11m0-9h4l4 4v4a1 1 0 0 1-1 1h-2m-4 0H9M3.2 6H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2M8 6 6 9h4l-2 3" />
	<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 4" />
	<path d="M12 6h1a1 1 0 0 1 1 1v11" />
	<path d="M14 9h3.172a2 2 0 0 1 1.414.586l2.828 2.828A2 2 0 0 1 22 13.828V17a1 1 0 0 1-1 1h-2" />
	<path d="M15 18H9" />
	<path d="M3.2 6H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h2" />
	<path d="M8 6 6.518 8.223A.5.5 0 0 0 6.934 9h2.132a.5.5 0 0 1 .416.777L8 12" />
	<circle cx="17" cy="18" r="2" />
	<circle cx="7" cy="18" r="2" />

Open lucide studio

[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.