abstreet/widgetry/icons/switch_on.svg

<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://www.w3.org/2000/svg">
    <rect fill="white" x="0" y="0" width="30" height="16" rx="8"></rect>
    <circle fill="black" cx="23" cy="8" r="4"></circle>
    <path fill="black" d="M5.44434 8.30957C5.44434 7.79199 5.54525 7.3265 5.74707 6.91309C5.95215 6.49967 6.23535 6.18066 6.59668 5.95605C6.96126 5.73145 7.3763 5.61914 7.8418 5.61914C8.5612 5.61914 9.14225 5.86816 9.58496 6.36621C10.0309 6.86426 10.2539 7.52669 10.2539 8.35352V8.41699C10.2539 8.93132 10.1546 9.39355 9.95605 9.80371C9.76074 10.2106 9.47917 10.528 9.11133 10.7559C8.74674 10.9837 8.32682 11.0977 7.85156 11.0977C7.13542 11.0977 6.55436 10.8486 6.1084 10.3506C5.66569 9.85254 5.44434 9.19336 5.44434 8.37305V8.30957ZM6.35254 8.41699C6.35254 9.00293 6.48763 9.47331 6.75781 9.82812C7.03125 10.1829 7.39583 10.3604 7.85156 10.3604C8.31055 10.3604 8.67513 10.1813 8.94531 9.82324C9.21549 9.46191 9.35059 8.95736 9.35059 8.30957C9.35059 7.73014 9.21224 7.26139 8.93555 6.90332C8.66211 6.54199 8.29753 6.36133 7.8418 6.36133C7.39583 6.36133 7.03613 6.53874 6.7627 6.89355C6.48926 7.24837 6.35254 7.75618 6.35254 8.41699ZM12.2412 5.7168L12.2705 6.38086C12.6742 5.87305 13.2015 5.61914 13.8525 5.61914C14.9691 5.61914 15.5322 6.24902 15.542 7.50879V11H14.6387V7.50391C14.6354 7.12305 14.5475 6.84147 14.375 6.65918C14.2057 6.47689 13.9404 6.38574 13.5791 6.38574C13.2861 6.38574 13.029 6.46387 12.8076 6.62012C12.5863 6.77637 12.4137 6.98145 12.29 7.23535V11H11.3867V5.7168H12.2412Z" />
</svg>
Theme switches The main button API only allows re-writing one color of the image. Since we need to rewrite multiple colors for the switch, I introduced a `image_batch` for buttons which lets you do all kinds of manual fanciness, and pass the result into the button API. 2021-02-24 22:26:53 +03:00			`<svg width="30" height="16" viewBox="0 0 30 16" xmlns="http://www.w3.org/2000/svg">`
			`<rect fill="white" x="0" y="0" width="30" height="16" rx="8"></rect>`
			`<circle fill="black" cx="23" cy="8" r="4"></circle>`
			<path fill="black" d="M5.44434 8.30957C5.44434 7.79199 5.54525 7.3265 5.74707 6.91309C5.95215 6.49967 6.23535 6.18066 6.59668 5.95605C6.96126 5.73145 7.3763 5.61914 7.8418 5.61914C8.5612 5.61914 9.14225 5.86816 9.58496 6.36621C10.0309 6.86426 10.2539 7.52669 10.2539 8.35352V8.41699C10.2539 8.93132 10.1546 9.39355 9.95605 9.80371C9.76074 10.2106 9.47917 10.528 9.11133 10.7559C8.74674 10.9837 8.32682 11.0977 7.85156 11.0977C7.13542 11.0977 6.55436 10.8486 6.1084 10.3506C5.66569 9.85254 5.44434 9.19336 5.44434 8.37305V8.30957ZM6.35254 8.41699C6.35254 9.00293 6.48763 9.47331 6.75781 9.82812C7.03125 10.1829 7.39583 10.3604 7.85156 10.3604C8.31055 10.3604 8.67513 10.1813 8.94531 9.82324C9.21549 9.46191 9.35059 8.95736 9.35059 8.30957C9.35059 7.73014 9.21224 7.26139 8.93555 6.90332C8.66211 6.54199 8.29753 6.36133 7.8418 6.36133C7.39583 6.36133 7.03613 6.53874 6.7627 6.89355C6.48926 7.24837 6.35254 7.75618 6.35254 8.41699ZM12.2412 5.7168L12.2705 6.38086C12.6742 5.87305 13.2015 5.61914 13.8525 5.61914C14.9691 5.61914 15.5322 6.24902 15.542 7.50879V11H14.6387V7.50391C14.6354 7.12305 14.5475 6.84147 14.375 6.65918C14.2057 6.47689 13.9404 6.38574 13.5791 6.38574C13.2861 6.38574 13.029 6.46387 12.8076 6.62012C12.5863 6.77637 12.4137 6.98145 12.29 7.23535V11H11.3867V5.7168H12.2412Z" />
			`</svg>`