New Dianziqian
The new dianziqian icon represents an electronic device or a gadget, often symbolizing innovation, technology, or engineering.
Exports at 24 × 24 px
Code
New Dianziqian in your framework
In any framework. Customize it above, and the code follows.
export const NewDianziqianIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 48 48" {...props}>
<g fill="none"><path fill="#2F88FF" d="M31 20V27L10 39L4 35V13L10 9L24 17L17.5 20.5L10 16V32L31 20Z"/><path fill="#000" d="M31 27L31.9923 28.7365C32.6154 28.3804 33 27.7177 33 27H31ZM31 20H33V16.5536L30.0077 18.2635L31 20ZM10 32H8C8 32.7129 8.37952 33.372 8.99615 33.7298C9.61278 34.0877 10.3733 34.0902 10.9923 33.7365L10 32ZM10 16L11.029 14.285C10.4111 13.9143 9.64162 13.9046 9.0146 14.2596C8.38759 14.6146 8 15.2795 8 16H10ZM17.5 20.5L16.471 22.215C17.0759 22.5779 17.8271 22.5954 18.4482 22.2609L17.5 20.5ZM24 17L24.9482 18.7609C25.5881 18.4164 25.9907 17.7519 25.9998 17.0252C26.009 16.2985 25.6233 15.6241 24.9923 15.2635L24 17ZM10 9L10.9923 7.26351C10.3345 6.88767 9.52091 6.91569 8.8906 7.3359L10 9ZM4 13L2.8906 11.3359C2.3342 11.7068 2 12.3313 2 13H4ZM4 35H2C2 35.6687 2.3342 36.2932 2.8906 36.6641L4 35ZM10 39L8.8906 40.6641C9.52091 41.0843 10.3345 41.1123 10.9923 40.7365L10 39ZM33 27V20H29V27H33ZM30.0077 18.2635L9.00772 30.2635L10.9923 33.7365L31.9923 21.7365L30.0077 18.2635ZM12 32V16H8V32H12ZM8.97101 17.715L16.471 22.215L18.529 18.785L11.029 14.285L8.97101 17.715ZM18.4482 22.2609L24.9482 18.7609L23.0518 15.2391L16.5518 18.7391L18.4482 22.2609ZM24.9923 15.2635L10.9923 7.26351L9.00772 10.7365L23.0077 18.7365L24.9923 15.2635ZM8.8906 7.3359L2.8906 11.3359L5.1094 14.6641L11.1094 10.6641L8.8906 7.3359ZM2 13V35H6V13H2ZM2.8906 36.6641L8.8906 40.6641L11.1094 37.3359L5.1094 33.3359L2.8906 36.6641ZM10.9923 40.7365L31.9923 28.7365L30.0077 25.2635L9.00772 37.2635L10.9923 40.7365Z"/><path fill="#2F88FF" d="M17 28V21L38 9L44 13V35L38 39L24 31L30.5 27.5L38 32V16L17 28Z"/><path fill="#000" d="M17 21L16.0077 19.2635C15.3846 19.6196 15 20.2823 15 21H17ZM17 28H15V31.4464L17.9923 29.7365L17 28ZM38 16H40C40 15.2871 39.6205 14.628 39.0039 14.2702C38.3872 13.9123 37.6267 13.9098 37.0077 14.2635L38 16ZM38 32L36.971 33.715C37.5889 34.0857 38.3584 34.0954 38.9854 33.7404C39.6124 33.3854 40 32.7205 40 32H38ZM30.5 27.5L31.529 25.785C30.9241 25.4221 30.1729 25.4046 29.5518 25.7391L30.5 27.5ZM24 31L23.0518 29.2391C22.4119 29.5836 22.0093 30.2481 22.0002 30.9748C21.991 31.7015 22.3767 32.3759 23.0077 32.7365L24 31ZM38 39L37.0077 40.7365C37.6655 41.1123 38.4791 41.0843 39.1094 40.6641L38 39ZM44 35L45.1094 36.6641C45.6658 36.2932 46 35.6687 46 35H44ZM44 13H46C46 12.3313 45.6658 11.7068 45.1094 11.3359L44 13ZM38 9L39.1094 7.3359C38.4791 6.91569 37.6655 6.88766 37.0077 7.26351L38 9ZM15 21V28H19V21H15ZM17.9923 29.7365L38.9923 17.7365L37.0077 14.2635L16.0077 26.2635L17.9923 29.7365ZM36 16V32H40V16H36ZM39.029 30.285L31.529 25.785L29.471 29.215L36.971 33.715L39.029 30.285ZM29.5518 25.7391L23.0518 29.2391L24.9482 32.7609L31.4482 29.2609L29.5518 25.7391ZM23.0077 32.7365L37.0077 40.7365L38.9923 37.2635L24.9923 29.2635L23.0077 32.7365ZM39.1094 40.6641L45.1094 36.6641L42.8906 33.3359L36.8906 37.3359L39.1094 40.6641ZM46 35V13H42V35H46ZM45.1094 11.3359L39.1094 7.3359L36.8906 10.6641L42.8906 14.6641L45.1094 11.3359ZM37.0077 7.26351L16.0077 19.2635L17.9923 22.7365L38.9923 10.7365L37.0077 7.26351Z"/></g>
</svg>
);Other libraries
New Dianziqian in 3 more libraries
Each library draws it its own way. Open one to compare.
IconPark
More like it
Icons that share its tags, in the same style.
Search IconPark
Skip the copy and paste. With Pro, your AI agent finds and installs any IconPark icon from a prompt.
Get ProTags
Browse by tag
New Dianziqian is tagged technology, device, hardware and 3 more. Related tags follow; each opens its icons from every library.
Pricing
IconPark MCP, with Pro
Ask for New Dianziqian or any of 2,658 IconPark icons and your agent installs it. The MCP comes with every Pro plan, with 6,000+ blocks and 14 premium templates. The icons stay free.
4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.
- Secure checkout via Stripe
- Code lives in your repo
- Keep what you've shipped if you cancel
- License terms
FAQ
Frequently asked questions
What the New Dianziqian icon means and where it's used, then how to install, style, label and license it.
The new dianziqian icon represents an electronic device or a gadget, often symbolizing innovation, technology, or engineering. It is commonly used to represent a cutting-edge device or a futuristic technology.
The new dianziqian icon is commonly used in technology-related contexts, such as electronics, robotics, or engineering. For example, it may appear in tech blogs, gadget reviews, or engineering textbooks.
From a UX perspective, the new dianziqian icon communicates the presence of advanced technology or innovative devices, helping users understand the cutting-edge nature of the device or technology being represented.
New Dianziqian is one of 2,658 icons in IconPark, made by ByteDance and released under Apache 2.0. It is drawn on a 48 × 48 grid.
Sign in (it's free), then open Get icon, Install with shadcn CLI, and pick your package manager to copy the command. It adds NewDianziqianIcon to components/icons/icon-park-new-dianziqian.tsx: one file, a size prop (24 by default) and every SVG prop, with no icon package.
Copy it as React (from Get icon, or the Code section): a typed NewDianziqianIcon component you paste into your project, with no package to install. Only the icons you import reach your bundle. It works in Next.js and any React app.
Open Get icon, then Copy as code, and pick Vue, Svelte, Angular, Solid or Preact; the Code section shows each one too. Every version is one self-contained component with the SVG inside, and SVG and data URL copies are there for plain HTML and CSS.
With Pro, the shadcn.io MCP server lets Claude Code, Cursor or any MCP client find the New Dianziqian icon, or any of 2,658 IconPark icons, and install it from a prompt.
It's multicolor, so it keeps its own colors.
Set width and height on the component, or a class like size-6. It's drawn on a 48 × 48 grid, so it stays sharp at any size. Customize also sets the size it exports at, its padding and rotation.
Yes. It keeps its own colors in light and dark mode, so check it against both backgrounds. The icon is a vector, so it needs no separate dark asset.
Next to a visible label it's decoration: add aria-hidden="true" so screen readers skip it. Standing alone, as in an icon button, give the button a name instead, like aria-label="New Dianziqian", so screen readers say what it does.
Yes. NewDianziqianIcon passes every SVG prop to the svg element, so <NewDianziqianIcon aria-hidden="true" /> works, and so do role="img" with aria-label, or a title child, when it carries meaning on its own.
Yes. Open Get icon, then Download file: SVG for code or design tools like Figma; PNG, WebP or JPEG at 512px; or an ICO favicon with 16, 32 and 48px inside. Each one uses what you set in Customize.
Yes. Apache 2.0 allows commercial use; keep the license notice when you ship the icons' source files. The full terms are in the license, linked on this page.
No visible credit is required: Apache 2.0 only asks that you keep the license notice if you ship the icons' source files. Icons installed with the shadcn CLI already start with a comment naming IconPark, ByteDance and the license.
Yes. Copying and downloading it is free, and the shadcn CLI install only needs a free account.
3 other libraries draw an icon called New Dianziqian. The Other libraries section on this page shows each one, so you can compare them and open the one that fits your style.
Its tags are technology, device, hardware, engineering, electronics and innovation. Each tag page lists the icons that carry it from every library, which is the quickest way to find a match for New Dianziqian in another set.
4.9 out of 5 from 150+ developers
Install New Dianziqian from a prompt
MCP, 6,000+ blocks and 14 premium templates in every Pro plan. The icons stay free.
Get Pro