48 lines
3.0 KiB
C#
48 lines
3.0 KiB
C#
namespace DeepDrftShared.Client.Common;
|
||
|
||
public static class DDIcons
|
||
{
|
||
/// <summary>
|
||
/// Charleston gas lamp lantern - uses currentColor for theming
|
||
/// </summary>
|
||
public const string GasLamp = """
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||
<path fill="currentColor" d="M11 0h2v2h-2zM5 6l7-4 7 4v2H5zM6 8h12l-1.5 10h-9zM7.7 9l1.2 8h6.2l1.2-8zM9 19h6v1H9zM10 21h4v2h-4z"/>
|
||
</svg>
|
||
""";
|
||
|
||
/// <summary>
|
||
/// Charleston gas lamp with lit flame - for dark mode
|
||
/// </summary>
|
||
public const string GasLampLit = """
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||
<path fill="currentColor" d="M11 0h2v2h-2zM5 6l7-4 7 4v2H5zM6 8h12l-1.5 10h-9zM7.7 9l1.2 8h6.2l1.2-8zM9 19h6v1H9zM10 21h4v2h-4z"/>
|
||
<ellipse cx="12" cy="13" rx="2.5" ry="3.5" fill="#FF9800"/>
|
||
<ellipse cx="12" cy="12.5" rx="1.5" ry="2.5" fill="#FFCA28"/>
|
||
<ellipse cx="12" cy="12" rx=".7" ry="1.5" fill="#FFF8E1"/>
|
||
</svg>
|
||
""";
|
||
|
||
/// <summary>
|
||
/// Lava lamp - the Mix visualizer settings glyph. Classic 1970s "Lava" silhouette, redrawn (Phase 10
|
||
/// W1). Inner path/shape markup for MudBlazor's Icon= slot (no outer <svg> wrapper — MudBlazor
|
||
/// supplies that); coordinates in the 24×24 space matching viewBox="0 0 24 24".
|
||
///
|
||
/// Bottom→top: a WIDE truncated-cone metal BASE (widest at the very bottom, tapering up to a narrow
|
||
/// waist); a tall tapered GLASS VESSEL on the base — bulbous/rounded at the bottom, tapering up to a
|
||
/// roundedly-pointed (teardrop/bullet) top; a small truncated-cone metal CAP on top mirroring the base.
|
||
/// The metal base + cap are <c>currentColor</c> so the silhouette stays tintable with its context
|
||
/// (Color.Secondary, light/dark). The fluid + blobs are hard navy/moss so the lamp reads as "lit" at
|
||
/// icon size: navy (#17283F) vessel fluid with 3 varied moss (#429D6A) lava blobs suspended in it.
|
||
/// NOTE: these hexes mirror the app theme tokens (navy ~#17283F/#0D1B2A, moss ~#3D7A68/#429D6A).
|
||
/// </summary>
|
||
public const string LavaLamp = """
|
||
<path fill="currentColor" d="M5 23L8 19.6H16L19 23Z"/>
|
||
<path fill="#17283F" d="M12 4C14.4 7 16 11 16 14.5 16 18 14.3 19.6 12 19.6 9.7 19.6 8 18 8 14.5 8 11 9.6 7 12 4Z"/>
|
||
<path fill="currentColor" d="M10.7 4L11.1 2H12.9L13.3 4Z"/>
|
||
<circle cx="12" cy="16" r="2" fill="#429D6A"/>
|
||
<circle cx="10.3" cy="12" r="1.4" fill="#429D6A"/>
|
||
<circle cx="13.2" cy="8.5" r="1" fill="#429D6A"/>
|
||
""";
|
||
}
|