Expert Icons

概要

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

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

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 の「アニメーション」節を参照。

カテゴリとアイコン

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

カテゴリ	スタイルクラス	数	内容
animal	.ei-animal	16	セキセイインコ(全体), セキセイインコ(顔), 猫(全体), 猫(顔), 犬(全体), 犬(顔)…
brands	.ei-brands	16	AElock, Expert Enterprise, Expert Software, ESS, Expert Icons, いまナビ…
car	.ei-car	39	4WD(正面), 4WD(側面), 救急車側面, バス(正面), バス(側面), キャンピングカー側面…
carparts	.ei-carparts	41	4WD(四輪駆動), エアフィルター, エアバッグ, AT(自動変速機), オーディオナビ, AWD(全輪駆動)…
eat	.ei-eat	13	バナナ, ブルーベリー, レモン(カット), レモン(全体), 巻き寿司, メロン(カット)…
electric	.ei-electric	31	エアコン, 空気清浄機, サーキュレーター, 食洗機, 配電盤, ドラム式乾燥機…
function	.ei-function	6	追加, 戻, キャンセル, 完了, 次, 削除
iot	.ei-iot	13	ドローン, EPG(番組表), GPS, 赤外線センサー, マイコンチップ, 人感センサー…
life	.ei-life	17	アナログ時計, デジタル時計, イヤホン, エレベーター, ペットボトル空, コップ空…
map	.ei-map	8	方位（東）, 方位（北）, 方位（北東）, 方位（北西）, 方位（南）, 方位（南東）…
mark	.ei-mark	8	消しゴム, ！(感嘆符), 入力, 位置, パスワード, 郵便(〒)…
network	.ei-network	22	アクセスポイント, アンテナ, Bluetooth, CDN, 2G/GSM(携帯電波), 3G(携帯電波)…
office	.ei-office	5	バーコードリーダー(ガン型), コードレス電話, FAX, 黒電話, ホワイトボード
pc	.ei-pc	125	AIエージェント, AprilTag, バーコードリーダー, BIOS, ブックマーク追加, ブラウザ…
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	快晴（夜）, 曇り, 霧, ひょう, 大雨, 大雪…

ライセンス

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

• ライセンス詳細: LICENSE

サービス

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

会社情報

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