本文へスキップ
ツールazure-recent

Recent

Recent(azure-recent)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Recent Logo

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 18 18
ファイルサイズ
2.3 KB · 12 パス

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますRecent.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Recent (azure-recent)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#0078D4rgb(0, 120, 212) · hsl(206, 100%, 42%)
WCAG コントラストとファイルサイズ
白背景 4.5:1 · 黒背景 4.4:1 · 2.3 KB

SVG コード

<svg id="e2c4fead-2d58-4de9-a9d4-4d961c9e0620" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><defs><radialGradient id="effe6513-9d59-4ea4-be18-9228e5407456" cx="-7.55" cy="17.42" r="9" gradientTransform="translate(16.02 -7.37) scale(0.94)" gradientUnits="userSpaceOnUse"><stop offset="0.18" stop-color="#5ea0ef" /><stop offset="0.56" stop-color="#5c9fee" /><stop offset="0.69" stop-color="#559ced" /><stop offset="0.78" stop-color="#4a97e9" /><stop offset="0.86" stop-color="#3990e4" /><stop offset="0.93" stop-color="#2387de" /><stop offset="0.99" stop-color="#087bd6" /><stop offset="1" stop-color="#0078d4" /></radialGradient><radialGradient id="e025ef80-86ff-4bd1-bbc9-eb35b96a5a7e" cx="-7.17" cy="18.5" r="1.26" gradientTransform="translate(15.68 -8.34) scale(0.94)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7f7f7f" /><stop offset="1" stop-color="#5e5e5e" /></radialGradient></defs><title>Icon-general-6</title><circle cx="8.88" cy="9.09" r="8.5" fill="url(#effe6513-9d59-4ea4-be18-9228e5407456)" /><circle cx="8.92" cy="9.09" r="7.4" fill="#fff" /><rect id="aceb7cb9-58cb-48fa-8e61-5ef12bf99b74" x="12.31" y="4.84" width="1.27" height="0.41" transform="translate(0.22 10.63) rotate(-45)" fill="#7a7a7a" /><rect id="ebb8133f-edd1-4f29-a441-eb0a438d6dc2" x="13.93" y="8.88" width="1.27" height="0.41" fill="#7a7a7a" /><rect id="af989baf-d5e3-49e7-86f6-e72de83ca00b" x="12.68" y="12.42" width="0.41" height="1.27" transform="translate(-5.46 12.94) rotate(-45)" fill="#7a7a7a" /><rect id="a05e3ec9-3b82-44cd-81fb-376dc2152cdb" x="8.71" y="14.08" width="0.41" height="1.27" fill="#7a7a7a" /><rect id="b16f4a81-ab50-4cf1-9c62-0a7141b15bae" x="4.64" y="4.37" width="0.41" height="1.27" transform="translate(-2.12 4.89) rotate(-45)" fill="#7a7a7a" /><rect id="a2d229fb-1605-4450-a05f-6e35f6de0534" x="4.27" y="12.89" width="1.27" height="0.41" transform="translate(-7.82 7.3) rotate(-45)" fill="#7a7a7a" /><rect id="b198c913-4b35-4230-bc4f-74b3884eed78" x="2.55" y="8.88" width="1.27" height="0.41" fill="#7a7a7a" /><rect x="8.4" y="2.83" width="1.14" height="6.52" rx="0.52" fill="#7a7a7a" /><rect x="9.92" y="8.65" width="1.14" height="4.08" rx="0.52" transform="translate(25.47 10.82) rotate(135)" fill="#7a7a7a" /><circle cx="8.92" cy="9.08" r="1.2" fill="url(#e025ef80-86ff-4bd1-bbc9-eb35b96a5a7e)" /></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 18 18")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました