Skip to content
Photo Motion UI Toolkit
Main Navigation
Home
Components
Appearance
Menu
Return to top
On this page
Logo
Photo Motion Logo.
Example
Usage
html
<
template
>
<
pm-logo
/>
<
pm-logo
type
=
"light"
/>
</
template
>
API
Attributes
Name
Description
Type
Default
type
logo type (color)
enum
light, dark
prefers-color-scheme
'%20d='m0%200h7l17%2012%2019%2014%2018%2013%2019%2014%2018%2013%202%203-1%205-9%2011-11%2010-13%209-16%209-19%208-20%206-24%205-27%203h-36l-9-2-3-3v-7l11-16%2012-17%2013-18%2012-17%2013-18%2014-20%2011-15z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(9,93)'%20d='m0%200h32l116%201%2019%201%202%201v5l-14%2017-13%2016-11%2014-11%2013-8%2010-18%2022-5%203-8-1-16-6-21-10-11-7-13-10-12-12-9-14-5-12-3-15v-10l5-5z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(262,37)'%20d='m0%200h41l7%204%2012%2011%209%2010%208%2014%204%2011%202%2011v12l-2%209-1%201h-6l-12-7-14-10-25-17-22-15-19-13-16-11-9-7%201-2z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(73,19)'%20d='m0%200h7l29%2043%205%208-1%205-5%203-8%201h-90l-3-1%201-6%208-12%2011-12%209-8%2015-10%2017-9z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(1295,66)'%20d='m0%200h13l8%2016%2010%2022%201%201%2016-36%202-3h13l1%201v74l-1%201h-13l-1-2%201-41h-2l-1%205-9%2019-1%201h-11l-12-24v41l-1%201h-13l-1-6v-64z'%20fill='%23120E09'%3e%3c/path%3e%3cpath%20transform='translate(1988,66)'%20d='m0%200h14l12%2020%2012%2019%206%2010%201-49h14v76h-13l-7-10-14-23-10-16-1%2048-1%201h-13z'%20fill='%230C0702'%3e%3c/path%3e%3cpath%20transform='translate(1471,65)'%20d='m0%200h17l10%204%207%208%202%205v43l-3%208-8%207-11%203h-12l-10-3-6-4-5-8-1-5v-39l4-10%207-6zm3%2013-6%203-3%207v31l3%207%204%203%204%201h7l7-3%203-6v-35l-4-6-5-2z'%20fill='%230D0803'%3e%3c/path%3e%3cpath%20transform='translate(1859,65)'%20d='m0%200h16l9%203%208%207%203%207v43l-3%208-8%207-11%203h-12l-10-3-6-4-5-8-1-5v-38l3-9%205-6%208-4zm3%2013-6%203-3%208v30l3%207%204%203%204%201h7l7-3%203-6v-35l-4-6-5-2z'%20fill='%230E0904'%3e%3c/path%3e%3cpath%20transform='translate(774,66)'%20d='m0%200h11l10%203%207%205%204%2010v40l-3%208-8%207-6%202h-19l-8-3-5-4-4-9v-43l4-8%208-6zm-2%2011-6%205-2%205v33l3%207%204%203%203%201h11l6-3%203-5%201-5v-29l-2-7-5-4-2-1z'%20fill='%230E0904'%3e%3c/path%3e%3cpath%20transform='translate(1049,66)'%20d='m0%200h11l10%203%207%205%204%209v41l-3%208-8%207-6%202h-19l-8-3-5-5-3-5-1-3v-43l4-8%208-6zm-2%2011-6%205-2%205v34l3%206%204%203%203%201h11l6-3%203-5%201-5v-29l-2-7-4-4-3-1z'%20fill='%230E0904'%3e%3c/path%3e%3cpath%20transform='translate(200,2)'%20d='m0%200%2013%201%2026%205%2026%208%2020%209%203%202v2h-118v-4l16-13z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(165)'%20d='m0%200h14l5%201v2l-55%2036-5%203h-6l-14-15-9-11-2-4%2017-5%2022-4%2018-2z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(605,67)'%20d='m0%200h10v32h31v-32h10l1%201v72h-11v-31h-31v31h-11v-72z'%20fill='%230D0803'%3e%3c/path%3e%3cpath%20transform='translate(465,67)'%20d='m0%200h35l7%203%205%206%201%202v21l-4%206-5%204-3%201h-25v30h-11zm11%2010v23h20l5-3%201-2v-13l-4-4-4-1z'%20fill='%230C0803'%3e%3c/path%3e%3cpath%20transform='translate(1590,66)'%20d='m0%200h54v12l-1%201h-19v62l-1%201h-13v-63h-20z'%20fill='%23130F0A'%3e%3c/path%3e%3cpath%20transform='translate(892,67)'%20d='m0%200h50v10h-19v63h-12v-63h-20v-9z'%20fill='%230F0A05'%3e%3c/path%3e%3cpath%20transform='translate(1731,66)'%20d='m0%200h14v76h-14z'%20fill='%230C0702'%3e%3c/path%3e%3cpath%20transform='translate(1174,99)'%20d='m0%200h30v10h-30z'%20fill='%230C0702'%3e%3c/path%3e%3c/svg%3e)
'%20d='m0%200h7l17%2012%2019%2014%2018%2013%2019%2014%2018%2013%202%203-1%205-9%2011-11%2010-13%209-16%209-19%208-20%206-24%205-27%203h-36l-9-2-3-3v-7l11-16%2012-17%2013-18%2012-17%2013-18%2014-20%2011-15z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(9,93)'%20d='m0%200h32l116%201%2019%201%202%201v5l-14%2017-13%2016-11%2014-11%2013-8%2010-18%2022-5%203-8-1-16-6-21-10-11-7-13-10-12-12-9-14-5-12-3-15v-10l5-5z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(262,37)'%20d='m0%200h41l7%204%2012%2011%209%2010%208%2014%204%2011%202%2011v12l-2%209-1%201h-6l-12-7-14-10-25-17-22-15-19-13-16-11-9-7%201-2z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(73,19)'%20d='m0%200h7l29%2043%205%208-1%205-5%203-8%201h-90l-3-1%201-6%208-12%2011-12%209-8%2015-10%2017-9z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(1295,66)'%20d='m0%200h13l8%2016%2010%2022%201%201%2016-36%202-3h13l1%201v74l-1%201h-13l-1-2%201-41h-2l-1%205-9%2019-1%201h-11l-12-24v41l-1%201h-13l-1-6v-64z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20transform='translate(1988,66)'%20d='m0%200h14l12%2020%2012%2019%206%2010%201-49h14v76h-13l-7-10-14-23-10-16-1%2048-1%201h-13z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20transform='translate(1471,65)'%20d='m0%200h17l10%204%207%208%202%205v43l-3%208-8%207-11%203h-12l-10-3-6-4-5-8-1-5v-39l4-10%207-6zm3%2013-6%203-3%207v31l3%207%204%203%204%201h7l7-3%203-6v-35l-4-6-5-2z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20transform='translate(1859,65)'%20d='m0%200h16l9%203%208%207%203%207v43l-3%208-8%207-11%203h-12l-10-3-6-4-5-8-1-5v-38l3-9%205-6%208-4zm3%2013-6%203-3%208v30l3%207%204%203%204%201h7l7-3%203-6v-35l-4-6-5-2z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20transform='translate(774,66)'%20d='m0%200h11l10%203%207%205%204%2010v40l-3%208-8%207-6%202h-19l-8-3-5-4-4-9v-43l4-8%208-6zm-2%2011-6%205-2%205v33l3%207%204%203%203%201h11l6-3%203-5%201-5v-29l-2-7-5-4-2-1z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20transform='translate(1049,66)'%20d='m0%200h11l10%203%207%205%204%209v41l-3%208-8%207-6%202h-19l-8-3-5-5-3-5-1-3v-43l4-8%208-6zm-2%2011-6%205-2%205v34l3%206%204%203%203%201h11l6-3%203-5%201-5v-29l-2-7-4-4-3-1z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20transform='translate(200,2)'%20d='m0%200%2013%201%2026%205%2026%208%2020%209%203%202v2h-118v-4l16-13z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(165)'%20d='m0%200h14l5%201v2l-55%2036-5%203h-6l-14-15-9-11-2-4%2017-5%2022-4%2018-2z'%20fill='%23FFE409'%3e%3c/path%3e%3cpath%20transform='translate(605,67)'%20d='m0%200h10v32h31v-32h10l1%201v72h-11v-31h-31v31h-11v-72z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20transform='translate(465,67)'%20d='m0%200h35l7%203%205%206%201%202v21l-4%206-5%204-3%201h-25v30h-11zm11%2010v23h20l5-3%201-2v-13l-4-4-4-1z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20transform='translate(1590,66)'%20d='m0%200h54v12l-1%201h-19v62l-1%201h-13v-63h-20z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20transform='translate(892,67)'%20d='m0%200h50v10h-19v63h-12v-63h-20v-9z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20transform='translate(1731,66)'%20d='m0%200h14v76h-14z'%20fill='%23FFFFFF'%3e%3c/path%3e%3cpath%20transform='translate(1174,99)'%20d='m0%200h30v10h-30z'%20fill='%23FFFFFF'%3e%3c/path%3e%3c/svg%3e)