Course Down Bold アイコン

Q: Course Down Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

solar:course-down-bold

Course Down Bold アイコン(solar:course-down-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: ビジネス
タグ: coursedown、downbold、coursedownbold

SVG をダウンロード

SVG コード

<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>

Course Down Bold アイコンの使い方

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 コンポーネント

<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 画像

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

Solar の関連アイコン

Course Down Bold アイコンのよくある質問

Course Down Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Course Down Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="solar:course-down-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Course Down Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/course-down-bold.svg" alt="Course Down Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Solar アイコンをすべて見る →