ICONYZ
English
Diagram Down Bold icon from Solar

Diagram Down Bold icon

solar:diagram-down-bold

The Diagram Down Bold icon (solar:diagram-down-bold) 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, diagramdownbold
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"/><path d="M6.58733 6.53358C6.32973 6.20921 5.85795 6.15508 5.53358 6.41267C5.20921 6.67027 5.15508 7.14205 5.41267 7.46642L8.54619 11.4122C8.77192 11.6964 8.96441 11.9388 9.13536 12.1265C9.31307 12.3215 9.50872 12.5048 9.75518 12.6366C10.3875 12.9746 11.143 12.991 11.7894 12.6808C12.0414 12.5599 12.2448 12.3853 12.4308 12.1982C12.6098 12.0181 12.8126 11.7843 13.0505 11.5101L13.0666 11.4915C13.3251 11.1937 13.4946 10.9989 13.6333 10.8593C13.7691 10.7228 13.8316 10.6851 13.8599 10.6715C14.0754 10.5681 14.3272 10.5736 14.538 10.6863C14.5657 10.7011 14.6265 10.7415 14.7561 10.8838C14.8887 11.0292 15.0496 11.2312 15.2948 11.54L18.4128 15.4664C18.6704 15.7908 19.1422 15.8449 19.4666 15.5873C19.791 15.3297 19.8451 14.858 19.5875 14.5336L16.4541 10.5879C16.2284 10.3036 16.0359 10.0612 15.865 9.87357C15.6873 9.6785 15.4916 9.49522 15.2452 9.36346C14.6129 9.02543 13.8573 9.009 13.2109 9.3192C12.9589 9.44012 12.7555 9.61472 12.5695 9.80187C12.3905 9.9819 12.1877 10.2157 11.9498 10.4899L11.9337 10.5085C11.6752 10.8064 11.5057 11.0011 11.367 11.1407C11.2313 11.2772 11.1687 11.3149 11.1404 11.3285C10.925 11.4319 10.6731 11.4264 10.4623 11.3137C10.4347 11.2989 10.3738 11.2586 10.2442 11.1163C10.1116 10.9708 9.95077 10.7689 9.70551 10.46L6.58733 6.53358Z"/></g></svg>

How to use the Diagram Down Bold icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:diagram-down-bold"></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"></iconify-icon>

HTML image

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

Related icons in Solar

Diagram Down Bold icon FAQ

Is the Diagram Down Bold 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 icon in React?

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

How do I add the Diagram Down Bold 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.svg" alt="Diagram Down Bold icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →