Circle Bottom Down Bold アイコン

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

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

solar:circle-bottom-down-bold

Circle Bottom Down Bold アイコン(solar:circle-bottom-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
カテゴリ: 矢印（アクション）
タグ: circlebottom、bottomdown、downbold、circlebottomdownbold

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="M8.75 22C8.75 22.4142 8.41421 22.75 8 22.75H2C1.58579 22.75 1.25 22.4142 1.25 22V16C1.25 15.5858 1.58579 15.25 2 15.25C2.41421 15.25 2.75 15.5858 2.75 16V20.1893L9.46967 13.4697C9.76256 13.1768 10.2374 13.1768 10.5303 13.4697C10.8232 13.7626 10.8232 14.2374 10.5303 14.5303L3.81066 21.25H8C8.41421 21.25 8.75 21.5858 8.75 22Z" clip-rule="evenodd"/><path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 12.5988 2.05263 13.1853 2.15352 13.7552C3.32456 13.8341 4.25 14.809 4.25 16V16.568L8.40901 12.409C9.28769 11.5303 10.7123 11.5303 11.591 12.409C12.4697 13.2877 12.4697 14.7123 11.591 15.591L7.43198 19.75H8C9.19104 19.75 10.1659 20.6754 10.2448 21.8465C10.8147 21.9474 11.4012 22 12 22Z"/></g></svg>

Circle Bottom Down Bold アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="solar:circle-bottom-down-bold"></iconify-icon>

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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