Diagram Down Bold Duotone icon

solar:diagram-down-bold-duotone

The Diagram Down Bold Duotone icon (solar:diagram-down-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Business
Tags: diagramdown, downbold, boldduotone, diagramdownboldduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2.75 2C2.75 1.58579 2.41421 1.25 2 1.25C1.58579 1.25 1.25 1.58579 1.25 2V12.0574C1.24999 14.3658 1.24998 16.1748 1.43975 17.5863C1.63399 19.031 2.03933 20.1711 2.93414 21.0659C3.82895 21.9607 4.96897 22.366 6.41371 22.5603C7.82519 22.75 9.63423 22.75 11.9426 22.75H22C22.4142 22.75 22.75 22.4142 22.75 22C22.75 21.5858 22.4142 21.25 22 21.25H12C9.62178 21.25 7.91356 21.2484 6.61358 21.0736C5.33517 20.9018 4.56445 20.5749 3.9948 20.0052C3.42514 19.4355 3.09825 18.6648 2.92637 17.3864C2.75159 16.0864 2.75 14.3782 2.75 12V2Z" opacity=".5"/><path d="M6.58735 6.53361C6.32976 6.20924 5.85798 6.15511 5.53361 6.4127C5.20924 6.6703 5.15511 7.14208 5.4127 7.46645L8.54622 11.4122C8.77195 11.6965 8.96444 11.9389 9.13539 12.1265C9.3131 12.3216 9.50875 12.5049 9.75521 12.6366C10.3875 12.9746 11.143 12.9911 11.7894 12.6808C12.0414 12.5599 12.2448 12.3853 12.4309 12.1982C12.6098 12.0182 12.8127 11.7843 13.0505 11.5102L13.0667 11.4916C13.3251 11.1937 13.4946 10.9989 13.6334 10.8594C13.7691 10.7228 13.8316 10.6852 13.8599 10.6716C14.0754 10.5682 14.3272 10.5736 14.538 10.6863C14.5657 10.7011 14.6265 10.7415 14.7562 10.8838C14.8887 11.0293 15.0496 11.2312 15.2948 11.54L18.4129 15.4664C18.6705 15.7908 19.1422 15.845 19.4666 15.5874C19.791 15.3298 19.8451 14.858 19.5875 14.5336L16.4542 10.5879C16.2284 10.3036 16.0359 10.0612 15.865 9.8736C15.6873 9.67853 15.4917 9.49525 15.2452 9.36349C14.6129 9.02546 13.8573 9.00903 13.2109 9.31923C12.959 9.44015 12.7555 9.61475 12.5695 9.8019C12.3906 9.98193 12.1877 10.2157 11.9499 10.4899L11.9337 10.5085C11.6752 10.8064 11.5057 11.0012 11.367 11.1407C11.2313 11.2773 11.1688 11.3149 11.1405 11.3285C10.925 11.4319 10.6731 11.4264 10.4624 11.3138C10.4347 11.299 10.3739 11.2586 10.2442 11.1163C10.1117 10.9708 9.9508 10.7689 9.70554 10.4601L6.58735 6.53361Z"/></g></svg>

How to use the Diagram Down Bold Duotone icon

React

import { Icon } from "@iconify/react";

<Icon icon="solar:diagram-down-bold-duotone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="solar:diagram-down-bold-duotone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="solar:diagram-down-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--diagram-down-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:diagram-down-bold-duotone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="solar:diagram-down-bold-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/diagram-down-bold-duotone.svg" alt="Diagram Down Bold Duotone icon" width="24" height="24">

Related icons in Solar

Diagram Down Bold Duotone icon FAQ

Is the Diagram Down Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Diagram Down Bold Duotone icon in React?

Install @iconify/react and render <Icon icon="solar:diagram-down-bold-duotone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Diagram Down Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/diagram-down-bold-duotone.svg" alt="Diagram Down Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →