New Dianziqian icon
icon-park-solid:new-dianziqian
The New Dianziqian icon (icon-park-solid:new-dianziqian) is a free SVG icon from the IconPark Solid set by ByteDance. It is drawn on a 48 × 48 grid. IconPark Solid icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- IconPark Solid
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Brand
- Tags
- newdianziqian
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M31 20v7L10 39l-6-4V13l6-4l14 8l-6.5 3.5L10 16v16z"/><path fill="currentColor" d="m31 27l.992 1.736A2 2 0 0 0 33 27zm0-7h2v-3.446l-2.992 1.71zM10 32H8a2 2 0 0 0 2.992 1.736zm0-16l1.029-1.715A2 2 0 0 0 8 16zm7.5 4.5l-1.029 1.715a2 2 0 0 0 1.977.046zM24 17l.948 1.76a2 2 0 0 0 .044-3.497zM10 9l.992-1.736a2 2 0 0 0-2.101.072zm-6 4l-1.11-1.664A2 2 0 0 0 2 13zm0 22H2a2 2 0 0 0 .89 1.664zm6 4l-1.11 1.664a2 2 0 0 0 2.102.072zm23-12v-7h-4v7zm-2.992-8.736l-21 12l1.984 3.473l21-12zM12 32V16H8v16zM8.971 17.715l7.5 4.5l2.058-3.43l-7.5-4.5zm9.477 4.546l6.5-3.5l-1.896-3.522l-6.5 3.5zm6.544-6.997l-14-8l-1.984 3.472l14 8zM8.891 7.336l-6 4l2.218 3.328l6-4zM2 13v22h4V13zm.89 23.664l6 4l2.22-3.328l-6-4zm8.102 4.072l21-12l-1.984-3.472l-21 12z"/><path fill="currentColor" d="M17 28v-7L38 9l6 4v22l-6 4l-14-8l6.5-3.5L38 32V16z"/><path fill="currentColor" d="m17 21l-.992-1.736A2 2 0 0 0 15 21zm0 7h-2v3.446l2.992-1.71zm21-12h2a2 2 0 0 0-2.992-1.736zm0 16l-1.029 1.715A2 2 0 0 0 40 32zm-7.5-4.5l1.029-1.715a2 2 0 0 0-1.977-.046zM24 31l-.948-1.76a2 2 0 0 0-.044 3.497zm14 8l-.992 1.736a2 2 0 0 0 2.101-.072zm6-4l1.11 1.664A2 2 0 0 0 46 35zm0-22h2a2 2 0 0 0-.89-1.664zm-6-4l1.11-1.664a2 2 0 0 0-2.102-.072zM15 21v7h4v-7zm2.992 8.737l21-12l-1.984-3.473l-21 12zM36 16v16h4V16zm3.029 14.285l-7.5-4.5l-2.058 3.43l7.5 4.5zm-9.477-4.546l-6.5 3.5l1.896 3.522l6.5-3.5zm-6.544 6.997l14 8l1.984-3.472l-14-8zm16.101 7.928l6-4l-2.218-3.328l-6 4zM46 35V13h-4v22zm-.89-23.664l-6-4l-2.22 3.328l6 4zm-8.102-4.072l-21 12l1.984 3.473l21-12z"/></svg>How to use the New Dianziqian icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:new-dianziqian" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:new-dianziqian" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:new-dianziqian" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--new-dianziqian]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:new-dianziqian"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:new-dianziqian"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park-solid/new-dianziqian.svg" alt="New Dianziqian icon" width="24" height="24">Related icons in IconPark Solid
New Dianziqian icon in other icon sets
New Dianziqian icon FAQ
Is the New Dianziqian icon free for commercial use?
Yes. IconPark Solid icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the New Dianziqian icon in React?
Install @iconify/react and render <Icon icon="icon-park-solid:new-dianziqian" />, or use “Copy code” on this page to get a standalone React component.
How do I add the New Dianziqian icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park-solid/new-dianziqian.svg" alt="New Dianziqian icon">, or paste the SVG code inline to style it with CSS.