Course Down Bold Duotone アイコン

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

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

solar:course-down-bold-duotone

Course Down Bold Duotone アイコン(solar:course-down-bold-duotone)は、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、boldduotone、coursedownboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M15.668 18C15.668 18.4142 16.0038 18.75 16.418 18.75H22.0001C22.4143 18.75 22.7501 18.4142 22.7501 18V12.4542C22.7501 12.0399 22.4143 11.7042 22.0001 11.7042C21.5859 11.7042 21.2501 12.0399 21.2501 12.4542V17.25H16.418C16.0038 17.25 15.668 17.5858 15.668 18Z" clip-rule="evenodd"/><path d="M20.1873 17.25L14.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.4685L1.47078 7.53144C1.17728 7.23916 1.17628 6.76429 1.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.2501 16.1914V17.25H20.1873Z" opacity=".5"/></g></svg>

Course Down Bold Duotone アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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