Expert Icons

概要

Expert Enterprise 系の アイコンWebフォント（配布物）。CSSクラス指定で表示する。プレフィックスは ei。 version 0.0.0 ／ 全 605 アイコン ／ 34 カテゴリ

アイコン一覧（プレビュー）

Markdownでは Webフォントは描画されないため、下は事前レンダリング画像です。 ブラウザ用の説明ページ＋アイコン一覧は index.html（CDN配布時のトップページ）を参照。

導入

CDN で読み込む。latest は常に最新版、バージョン指定は固定（旧版はそのまま残置）。

<!-- 常に最新 -->
<link rel="stylesheet" href="https://cdn.expert-g.cloud/l/expert-icons/latest/css/expert-icons.min.css">
<!-- バージョン固定（推奨・再現性重視） -->
<link rel="stylesheet" href="https://cdn.expert-g.cloud/l/expert-icons/0.0.0/css/expert-icons.min.css">

全体版 / 個別版：

<!-- 全体（全カテゴリを1フォントで） -->
<link rel="stylesheet" href="https://cdn.expert-g.cloud/l/expert-icons/0.0.0/css/expert-icons.min.css">
<!-- 個別（brands のみ・軽量） -->
<link rel="stylesheet" href="https://cdn.expert-g.cloud/l/expert-icons/0.0.0/css/expert-icons-brands.min.css">

• 全体: expert-icons.min.css … all フォント（expert-icons.woff2）で全カテゴリ利用可。
• 個別: expert-icons-<category>.min.css … 当該カテゴリのフォントのみ読み込む。
• パターン: https://cdn.expert-g.cloud/l/expert-icons/{latest|<version>}/css/expert-icons.min.css。フォントは CSS からの相対参照（../fonts/）で解決。別オリジン配信時はフォントに CORS 設定が必要。

使い方

スタイルクラス（.ei-<category>） ＋ アイコンクラス（.ei-<name>） を併記する。

<i class="ei-animal ei-budgerigar-body" aria-hidden="true"></i>

• 色: currentColor 運用。color プロパティで変更できる。
• サイズ: font-size、またはユーティリティ ei-lg / ei-xl / ei-2x / ei-3x / ei-fw。
• アクセシビリティ: 装飾目的は aria-hidden="true"。意味を持つ場合は代替テキスト（aria-label 等）を付与する。

アニメーション

アイコンクラスに併記するだけで動作する。速度・回数などは --ei-animation-* カスタムプロパティで上書き可。

<!-- 回転: 右 / 左 / 段階 -->
<i class="ei-animal ei-budgerigar-body ei-spin"></i>
<i class="ei-animal ei-budgerigar-body ei-spin-reverse"></i>
<i class="ei-animal ei-budgerigar-body ei-spin-pulse"></i>
<!-- 動き -->
<i class="ei-animal ei-budgerigar-body ei-beat"></i>
<i class="ei-animal ei-budgerigar-body ei-fade"></i>
<i class="ei-animal ei-budgerigar-body ei-beat-fade"></i>
<i class="ei-animal ei-budgerigar-body ei-bounce"></i>
<i class="ei-animal ei-budgerigar-body ei-flip"></i>
<i class="ei-animal ei-budgerigar-body ei-shake"></i>
<!-- 色変化 -->
<i class="ei-animal ei-budgerigar-body ei-color-cycle"></i>
<i class="ei-animal ei-budgerigar-body ei-color-pulse" style="--ei-color-to:#e0245e"></i>
<!-- 静的トランスフォーム -->
<i class="ei-animal ei-budgerigar-body ei-rotate-90"></i>
<i class="ei-animal ei-budgerigar-body ei-flip-horizontal"></i>

• 制御変数: --ei-animation-duration / -delay / -iteration-count / -timing / -direction、個別に --ei-beat-scale・--ei-flip-angle・--ei-bounce-height 等。
• prefers-reduced-motion: reduce の環境では自動停止する。詳細は index.html の「アニメーション」節を参照。

カテゴリとアイコン

全605アイコン。一覧は上のプレビュー、または index.html を参照。

カテゴリ	スタイルクラス	数	内容
animal	.ei-animal	16	セキセイインコ(全体), セキセイインコ(顔), 猫(全体), 猫(顔), 犬(全体), 犬(顔)…
brands	.ei-brands	17	AElock, AI, Expert Enterprise, Expert Software, ESS, エキスパートエンタープライズサブスクリプションサービスAprilTag…
business	.ei-business	10	人(管理者), ビル, 工場, フラスコ, 人(ゲスト), 握手…
car	.ei-car	44	4WD(正面), 4WD(側面), 救急車(正面), 救急車側面, バス(正面), バス(側面)…
carparts	.ei-carparts	41	4WD(四輪駆動), エアフィルター, エアバッグ, AT(自動変速機), オーディオナビ, AWD(全輪駆動)…
connector	.ei-connector	37	DisplayPortケーブル, DisplayPortコネクター, DVIケーブル, DVIコネクター, HDMIケーブル, HDMIコネクター…
data	.ei-data	17	CSV, テーブル, セル, 列追加, 列削除, エクスポート…
dev	.ei-dev	6	AIエージェント, データベース, git, LLMモデル, SCM, Subversion
eat	.ei-eat	13	バナナ, ブルーベリー, レモン(カット), レモン(全体), 巻き寿司, メロン(カット)…
electric	.ei-electric	32	エアコン, 空気清浄機, サーキュレーター, 食洗機, 配電盤, ドラム式乾燥機…
file	.ei-file	11	バイナリー, CSS, 隠しファイル, HTML, イメージ, マークダウン…
filesystem	.ei-fs	13	APFS (macOS), Btrfs (Linux), exFAT, ext2 (Linux), ext3 (Linux), ext4 (Linux)…
function	.ei-function	6	追加, 戻, キャンセル, 完了, 次, 削除
game	.ei-game	4	ゲーム機, ゲームパッド, 携帯ゲーム機, ジョイスティック
iot	.ei-iot	11	ドローン, GPS, 赤外線センサー, マイコンチップ, 人感センサー, NVR(ネットワークレコーダー)…
language	.ei-lang	4	English (en-US), Français (fr-FR), 日本語 (ja-JP), Tiếng Việt (vi-VN)
life	.ei-life	20	アナログ時計, 本, ブリーフケース, デジタル時計, イヤホン, エレベーター…
loading	.ei-loading	11	破線リング, 砂時計(終了), 砂時計(中間), 砂時計(開始), ローディングドット, プログレスバー…
map	.ei-map	10	位置, 方位（東）, 方位（北）, 方位（北東）, 方位（北西）, 方位（南）…
mark	.ei-mark	12	吹き出し, キューブ, 消しゴム, ！(感嘆符), 入力, ハンバーガーメニュー…
media	.ei-media	8	EPG(番組表), マイク, ミュート, スピーカー, 音量, 音量ダウン…
network	.ei-network	21	アクセスポイント, アンテナ, Bluetooth, CDN, 2G/GSM(携帯電波), 3G(携帯電波)…
office	.ei-office	9	バーコードリーダー, バーコードリーダー(ガン型), コードレス電話, ラベルプリンター, ラミネーター, FAX…
pc	.ei-pc	41	AprilTag, BIOS, クラウド, CPU, 2次元バーコード, デスクトップPC…
pcb	.ei-pcb	31	電池ホルダー(コイン電池), ブザー, セラミックコンデンサ, 電解コンデンサ, 水晶発振子, ダイオード…
protocol	.ei-protocol	9	HTTP(文字), HTTP(S)(文字), MQTT, MQTT(文字), TCP, TCP(文字)…
sign-instruction	.ei-sign-instruction	11	自転車横断帯, 中央線, 横断歩道, 横断歩道・自転車横断帯, 駐車可, 優先道路…
sign-regulation	.ei-sign-regulation	23	自動車専用, 通行止め, 指定方向外進行禁止(直進), 高さ制限, 最低速度, 自転車通行止め…
sign-warning	.ei-sign-warning	26	動物飛び出しあり, 路面凹凸あり, ┣形交差点あり, ＋形交差点あり, Ｔ形交差点あり, Ｙ形交差点あり…
sns	.ei-sns	10	ブログ, チャット, フォロー, ハッシュタグ, いいね, ライブ…
tools	.ei-tools	11	チェーンソー, カッター, マイナスドライバー, トンカチ, 六角レンチ, ニッパー…
traffic	.ei-traffic	16	車サイズ 高さ矢印, 車サイズ 全長矢印, 車サイズ 車幅矢印, 工事中看板, 横断歩道, EV給電…
weather	.ei-weather	31	快晴（夜）, 曇り, 霧, ひょう, 大雨, 大雪…
web	.ei-web	23	ブックマーク追加, ブラウザ, 戻る, 進む, 履歴, ホーム…

ライセンス

本サービスはエキスパートエンタープライズサブスクリプションサービスで提供されます。

• ライセンス詳細: LICENSE

サービス

• エキスパートエンタープライズサブスクリプションサービス

会社情報

• 株式会社エキスパートエンタープライズ
• 株式会社エキスパートソフトウェア