跳到主要内容
LogoHub
消费品牌procter-and-gamble宝洁宝洁公司P&G

Procter & Gamble

Procter & Gamble（procter-and-gamble） 官方矢量标志，归属消费品牌分类，提供无损 SVG 与 1024px 高清透明去背景 PNG 下载。

Procter & Gamble Logo

色彩提取

点击直接复制色值
单色纯正规范该标志采用单一品牌官方基色，建议在排版中保持纯正

下载

下载 SVG 矢量文件PNG
一键打包 ZIP
ADChatGPT Plus·官方正规车位 · 极速上手 GPT-6.1 Sol / 深度研究
优惠码 6666888 享95折
ADNetflix 4K·独立车位 · 专属 PIN 锁防打扰 · 全设备秒连
限时特惠码 6666888 享95折
矢量格式
SVG · 1:1
导出分辨率
1024 × 1024 px
画布视口
0 0 720 720
源码体积
4.6 KB · 7 个路径节点
官方来源
https://www.pg.com

编辑与导出

修改颜色、添加背景或留白后导出常用格式，全程在浏览器本地完成

颜色

背景

格式
尺寸

含 SVG、PNG 16–2048px、JPG、WebP、ICO 与网站图标套装Procter & Gamble.zip

品牌视觉规范与工程参数档案

面向设计系统与工程引用的官方色彩、视口几何与对比度实测参数

品牌实体 / 展示名称
Procter & Gamble (procter-and-gamble)
行业分类归属
消费品牌
官方基色 (HEX / RGB / HSL)
#00529Crgb(0, 82, 156) · hsl(208, 100%, 31%)
WCAG 亮暗底对比度与矢量体积
白底 7.8:1 · 暗底 2.5:1 · 4.6 KB

矢量代码片段

<svg xmlns="http://www.w3.org/2000/svg" id="Logo" enable-background="new 0 0 720 720" viewBox="0 0 720 720"> <radialGradient id="SVGID_1_" cx="156.09" cy="143.71" r="661.27" gradientTransform="translate(-6 -6) scale(1.0167)" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#00a1df"/> <stop offset=".13" stop-color="#0092d7"/> <stop offset=".37" stop-color="#006cc1"/> <stop offset=".62" stop-color="#003da6"/> <stop offset=".73" stop-color="#043799"/> <stop offset=".93" stop-color="#102777"/> <stop offset="1" stop-color="#152169"/> </radialGradient> <circle cx="360" cy="360" r="360" fill="url(#SVGID_1_)"/> <radialGradient id="SVGID_2_" cx="107.95" cy="60.5" r="1096.43" gradientTransform="translate(-6 -6) scale(1.0167)" gradientUnits="userSpaceOnUse"> <stop offset=".02" stop-color="#fff"/> <stop offset=".03" stop-color="#fbfeff"/> <stop offset=".09" stop-color="#bae7f9"/> <stop offset=".14" stop-color="#87d5f4"/> <stop offset=".19" stop-color="#63c9f1"/> <stop offset=".23" stop-color="#4cc1ef"/> <stop offset=".26" stop-color="#44beee"/> <stop offset=".28" stop-color="#37b8eb"/> <stop offset=".35" stop-color="#19ace5"/> <stop offset=".41" stop-color="#07a4e0"/> <stop offset=".45" stop-color="#00a1df"/> <stop offset=".79" stop-color="#0045ab"/> <stop offset=".82" stop-color="#003da6"/> <stop offset=".96" stop-color="#0059b6"/> </radialGradient> <path fill="url(#SVGID_2_)" d="M95.6 359.9C95.6 195 199.7 54.4 345.8.3 153.6 7.8 0 165.9 0 360c0 194.3 153.9 352.6 346.4 359.7C200.1 665.7 95.6 525 95.6 359.9z"/> <defs> <filter id="Adobe_OpacityMaskFilter" width="346.4" height="719.4" x="0" y=".3" filterUnits="userSpaceOnUse"> <feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/> </filter> </defs> <mask id="SVGID_3_" width="346.4" height="719.4" x="0" y=".3" maskUnits="userSpaceOnUse"> <g filter="url(#Adobe_OpacityMaskFilter)"> <radialGradient id="SVGID_4_" cx="302.95" cy="349.21" r="381.37" fx="2.18" fy="354.33" gradientTransform="matrix(.03136 -1.0162 1.0341 .03192 -68.63 645.74)" gradientUnits="userSpaceOnUse"> <stop offset=".1" stop-color="#fff"/> <stop offset=".35" stop-color="#fdfdfd"/> <stop offset=".45" stop-color="#f6f6f6"/> <stop offset=".51" stop-color="#eaeaea"/> <stop offset=".57" stop-color="#d9d9d9"/> <stop offset=".62" stop-color="#c3c3c3"/> <stop offset=".66" stop-color="#a7a7a7"/> <stop offset=".7" stop-color="#868686"/> <stop offset=".73" stop-color="#606060"/> <stop offset=".77" stop-color="#353535"/> <stop offset=".8" stop-color="#060606"/> <stop offset=".8"/> </radialGradient> <path fill="url(#SVGID_4_)" d="M95.6 359.9C95.6 195 199.7 54.4 345.8.3 153.6 7.8 0 165.9 0 360c0 194.3 153.9 352.6 346.4 359.7C200.1 665.7 95.6 525 95.6 359.9z"/> </g> </mask> <radialGradient id="SVGID_5_" cx="281.36" cy="290.9" r="445.49" gradientTransform="translate(-6 -6) scale(1.0167)" gradientUnits="userSpaceOnUse"> <stop offset=".32" stop-color="#44beee" stop-opacity="0"/> <stop offset=".48" stop-color="#2b99d9" stop-opacity=".27"/> <stop offset=".67" stop-color="#1476c6" stop-opacity=".58"/> <stop offset=".82" stop-color="#0561ba" stop-opacity=".84"/> <stop offset=".92" stop-color="#0059b6"/> </radialGradient> <path fill="url(#SVGID_5_)" d="M95.6 359.9C95.6 195 199.7 54.4 345.8.3 153.6 7.8 0 165.9 0 360c0 194.3 153.9 352.6 346.4 359.7C200.1 665.7 95.6 525 95.6 359.9z" mask="url(#SVGID_3_)"/> <g> <path d="M353.9 325.7c23.9-58.9-20.8-74.9-49.9-74.9h-96.4c8 5.5 6.7 12.8 5.1 17.3l-56.2 179.5c-2.2 7.1-10.6 14.6-15.1 15.7h78c-4.3-.8-10.4-6.9-8.2-15.2l20.4-64.9c.1 0 93.9 12.7 122.3-57.5zm-75.8-58.4c10.2 0 38.5 1.4 20.2 54.9-19.1 56.2-61.5 44.6-61.5 44.6l31.2-99.5h10.1z" fill="#fff"/> <path d="M416.3 463.4h52.5c-16.8-5.4-41.6-21.3-51.5-32.6 8-8.7 17.9-19.7 19.7-42h-27.2s5.2 3 5.2 9.4c0 5.9-2.4 14.1-7 19.8-8-11.8-16.5-25.3-19.5-45.1 10.7-5.3 25.7-11.1 37.6-21.5 11.3-9.9 13.9-19.3 14.1-25.4v-.8c0-6.4-2.5-12.4-7.1-16.9-7.9-7.8-20.3-11-33.4-8.6-10.5 2-19.4 7.6-23.9 11.7-15.8 14.9-17.8 39.4-17.8 50.5 0 2.7.1 4.7.2 5.9-.9.4-2.5 1-2.5 1-11.6 4.3-42.5 12.5-53.5 37.9-1.4 3.2-3.4 10.2-3.4 18.3 0 7 1.5 14.8 6 21.9 7.8 12.2 21 19.9 42.2 19.5 23-.4 45.7-16.1 49.7-19 3.9 3.7 14.2 13.4 19.6 16zm0-142c-2.7 17.1-24.9 34.4-30.3 36.7-1-9.6-.5-24.8 7.5-37.2 5.3-8.2 12.4-11.8 18.1-9.8 4.6 1.6 5.1 5.8 4.7 10.3zm-30.8 114.4c-3.1 1.9-15.3 8.1-26.7 9.2-10.6 1-28.2-3.1-28.1-24.3 0-18.1 19.7-31.4 30.4-36 4.3 17.5 14 37.3 24.4 51.1z" fill="#fff"/> <path d="M575.8 267.5c31.2-7.5 56.9 16.9 59.2 18.6l8.9-28.3c-12.3-3.7-101.8-34-165.1 38.2-38.9 44.4-48.4 135.4.9 159.8 52.8 26.1 111.1-4 115.4-6.1l24.1-76.8c2.6-9.3 8.5-15.3 18.9-19.2h-83.8c12.2 5.1 11.3 14.3 10.4 18.1l-24.1 76.8c-3.2.6-70.6 17.4-32.9-100.5 8.3-25.3 31-71.7 68.1-80.6z" fill="#fff"/> </g> </svg>

设计应用建议

  • 保持原生 1:1 宽高比（viewBox "0 0 720 720"）等比例缩放，切勿拉伸变形
  • 标志外围应预留不少于标志高度 20% 的空白安全保护区
  • 内含矢量渐变节点，请勿强制使用 CSS fill: currentColor 扁平覆盖

同类推荐标志

查看更多同类
操作已完成