Cedar Cup logo

Fictional example: one path, viewBox="0 0 120 100". Fixed fill compared with fill="currentColor".

1 · Inline

Fixed #303036 on light

fill="#303036". Correct on light.

2 · Inline

Fixed #303036 on dark

Same fixed fill. Ignores CSS color and nearly disappears.

3 · Inline

currentColor, CSS color #303036, light

Fill follows parent color: #303036.

4 · Inline

currentColor, CSS color #FAF6ED, dark

Same markup. Fill follows parent color: #FAF6ED.

5 · External <img>

currentColor via data URI, parent color #FAF6ED

Separate SVG document. Parent CSS color does not inherit, so currentColor falls back to black.