Oracle アイコン
fontisto:oracle
Oracle アイコン(fontisto:oracle)は、Fontisto セットの無料 SVG アイコンです(作者: Kenan Gündoğan)。 24 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fontisto
- 作者
- Kenan Gündoğan
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- ブランド
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.361 12.443h1.592l-.832-1.354l-1.545 2.447h-.713l1.878-2.946q.074-.072.162-.128l.004-.002a.4.4 0 0 1 .208-.059h.006a.35.35 0 0 1 .192.06l-.001-.001a1 1 0 0 1 .166.13l1.878 2.946h-.713l-.333-.546h-1.592zm7.271.547v-2.542h-.594v2.789q0 .06.025.112l-.001-.002a.4.4 0 0 0 .071.095a.15.15 0 0 0 .079.071h.001a.4.4 0 0 0 .127.024h2.712l.333-.546zm-9.814-.476h.015c.281 0 .536-.113.722-.297a.97.97 0 0 0 .309-.709v-.044a1 1 0 0 0-.309-.72a1.02 1.02 0 0 0-.722-.297h-2.63v3.089H5.8v-2.542h1.987c.134 0 .254.055.341.143a.48.48 0 0 1 .143.341v.016v-.001a.5.5 0 0 1-.142.345a.46.46 0 0 1-.346.155h-1.7l1.782 1.545h.855l-1.189-1.022zm-6.274 1.022h-.008c-.42 0-.8-.173-1.072-.451a1.46 1.46 0 0 1-.463-1.071v-.045c0-.422.178-.802.463-1.07l.001-.001a1.5 1.5 0 0 1 1.073-.451h1.839c.419 0 .797.173 1.068.451c.279.271.451.649.451 1.068v.026v-.001v.023c0 .42-.174.799-.453 1.07a1.48 1.48 0 0 1-1.068.451h-.026h.001zm1.76-.546h.024a.94.94 0 0 0 .688-.297a.98.98 0 0 0 .285-.69v-.037a.97.97 0 0 0-.285-.686a.97.97 0 0 0-.686-.285h-.028h.001H1.58a.98.98 0 0 0-.69.285a.95.95 0 0 0-.297.689v.025v-.001V12a.96.96 0 0 0 .296.694a.96.96 0 0 0 .694.297h.007zm11.287.546h-.025c-.419 0-.797-.173-1.068-.451a1.48 1.48 0 0 1-.451-1.068v-.05c0-.419.173-.797.451-1.068a1.48 1.48 0 0 1 1.068-.451h.026h-.001h2.138l-.357.546h-1.771a.98.98 0 0 0-.69.285a.95.95 0 0 0-.297.689v.025v-.001v.007a.96.96 0 0 0 .296.694a.96.96 0 0 0 .694.297h2.167l-.357.546zm7.247-.546h-.008a.9.9 0 0 1-.588-.215l.001.001a1.1 1.1 0 0 1-.355-.515l-.002-.008h2.542l.333-.546h-2.875c.065-.208.188-.381.351-.506l.002-.002a.94.94 0 0 1 .584-.202h1.77l.357-.546h-2.163c-.419 0-.797.173-1.068.451a1.48 1.48 0 0 0-.451 1.068v.026v-.001v.025c0 .419.173.797.451 1.068c.271.279.649.451 1.068.451h.026h-.001h1.827l.357-.546z"/></svg>Oracle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:oracle" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:oracle" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:oracle" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--oracle]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:oracle"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:oracle"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fontisto/oracle.svg" alt="Oracle アイコン" width="24" height="24">他のアイコンセットの Oracle アイコン
Oracle アイコン のよくある質問
Oracle アイコンは商用利用でも無料ですか?
はい。Fontisto icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Oracle アイコンを使うには?
@iconify/react をインストールして <Icon icon="fontisto:oracle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Oracle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fontisto/oracle.svg" alt="Oracle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。