ihk24/gfi-ihk-2024/stories/_global/styles/_svg-vars.scss

@use 'sass:string';

@function encode-color($color) {
  @return '%23' + string.slice('#{$color}', 2);
}

$svg-color: #003366; // = --swatches-primary-500 im standard theme

select,
select.form-control {
  background-image: url("data:image/svg+xml,%3Csvg width='43' height='30' viewBox='0 0 43 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5001 22L6.27283 10.75L22.7273 10.75L14.5001 22Z' fill='#{encode-color($svg-color)}'/%3E%3C/svg%3E");
}