Ruble Outline アイコン
solar:ruble-outline
Ruble Outline アイコン(solar:ruble-outline)は、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
- カテゴリ
- お金
- タグ
- rubleoutline
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="M12 2.75C6.89137 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89137 21.25 12 21.25C17.1086 21.25 21.25 17.1086 21.25 12C21.25 6.89137 17.1086 2.75 12 2.75ZM1.25 12C1.25 6.06294 6.06294 1.25 12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 17.9371 17.9371 22.75 12 22.75C6.06294 22.75 1.25 17.9371 1.25 12ZM11.1615 6.24997C11.1744 6.24998 11.1872 6.25 11.2 6.25H13.5C15.2949 6.25 16.75 7.70507 16.75 9.5C16.75 11.2949 15.2949 12.75 13.5 12.75H10.75V13.25H12C12.4142 13.25 12.75 13.5858 12.75 14C12.75 14.4142 12.4142 14.75 12 14.75H10.75V17C10.75 17.4142 10.4142 17.75 10 17.75C9.58579 17.75 9.25 17.4142 9.25 17V14.75H9C8.58579 14.75 8.25 14.4142 8.25 14C8.25 13.5858 8.58579 13.25 9 13.25H9.25V12.75H9C8.58579 12.75 8.25 12.4142 8.25 12C8.25 11.5858 8.58579 11.25 9 11.25H9.25V8.2C9.25 8.18722 9.24998 8.17439 9.24997 8.16151C9.24979 8.01598 9.24961 7.86471 9.27155 7.72624C9.39015 6.97743 9.97743 6.39015 10.7262 6.27155C10.8647 6.24961 11.016 6.24979 11.1615 6.24997ZM10.75 11.25H13.5C14.4665 11.25 15.25 10.4665 15.25 9.5C15.25 8.5335 14.4665 7.75 13.5 7.75H11.2C11.103 7.75 11.0453 7.75007 11.0018 7.75126C10.9742 7.75202 10.9622 7.75306 10.9593 7.75334C10.8536 7.77077 10.7708 7.85362 10.7533 7.95929C10.7531 7.96217 10.752 7.97416 10.7513 8.0018C10.7501 8.04531 10.75 8.10303 10.75 8.2V11.25Z" clip-rule="evenodd"/></svg>Ruble Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:ruble-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:ruble-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:ruble-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--ruble-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:ruble-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:ruble-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/ruble-outline.svg" alt="Ruble Outline アイコン" width="24" height="24">Solar の関連アイコン
他のアイコンセットの Ruble Outline アイコン
Ruble Outline アイコン のよくある質問
Ruble Outline アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ruble Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:ruble-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ruble Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/ruble-outline.svg" alt="Ruble Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。