Files
deepdrft/DeepDrftShared.Client/Common/DDIcons.cs
T

48 lines
3.0 KiB
C#
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
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 &lt;svg&gt; 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"/>
""";
}