Course Down Bold icon

solar:course-down-bold

The Course Down Bold icon (solar:course-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: coursedown, downbold, coursedownbold

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1.46856 6.47078C1.76084 6.17728 2.23571 6.17628 2.52922 6.46856L6.44789 10.3708C6.96167 10.8825 7.29478 11.2119 7.57219 11.4228C7.83228 11.6205 7.95393 11.6426 8.03449 11.6426C8.11506 11.6427 8.23672 11.6206 8.49695 11.4231C8.77452 11.2125 9.10787 10.8833 9.62203 10.372L9.89627 10.0993C10.3651 9.63304 10.7692 9.23116 11.1362 8.9526C11.5297 8.654 11.9668 8.42808 12.505 8.42802C13.0432 8.42796 13.4804 8.65377 13.8739 8.95229C14.241 9.23077 14.6452 9.63256 15.1142 10.0987L21.25 16.1971V12.4542C21.25 12.04 21.5858 11.7042 22 11.7042C22.4142 11.7042 22.75 12.04 22.75 12.4542V18C22.75 18.4142 22.4142 18.75 22 18.75H16.4179C16.0036 18.75 15.6679 18.4142 15.6679 18C15.6679 17.5858 16.0036 17.25 16.4179 17.25H20.1815L14.0916 11.1973C13.5778 10.6866 13.2447 10.3577 12.9673 10.1473C12.7073 9.95006 12.5857 9.92801 12.5052 9.92802C12.4247 9.92803 12.3031 9.95011 12.0431 10.1474C11.7658 10.3579 11.4327 10.6868 10.919 11.1976L10.6448 11.4704C10.1755 11.937 9.77105 12.3393 9.40375 12.618C9.01003 12.9168 8.57254 13.1428 8.03395 13.1426C7.49535 13.1424 7.05802 12.9161 6.66452 12.617C6.29742 12.338 5.89326 11.9355 5.42433 11.4685C5.41275 11.4569 5.40112 11.4453 5.38945 11.4337L1.47078 7.53144C1.17728 7.23916 1.17628 6.76429 1.46856 6.47078Z" clip-rule="evenodd"/></svg>

How to use the Course Down Bold icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML image

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

Related icons in Solar

Course Down Bold icon FAQ

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

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

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

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

Browse all Solar icons →