Favicon is a green square in Safari

Happy new year! I wanted to repost this cause it’s been a while without any updates.

The issue is only with https://app.bitrise.com.

https://discuss.bitrise.io and https://bitrise.io don’t have the same issue.

It seems to be related to the pages use of mask-icon and the image being used. mask-icon will be tinted with the provided color and shown by the browser. The issue comes from the image not having any transparency so all that’s shown is a solid square colored by the tint color.

Here’s a couple solutions you can use to fix/workaround it.

  1. Remove the mask-icon from the head of the pages. Safari will use one of the other icons on the page instead. It looks like there’s already a .ico that has a purple background with a white foreground that would appear just fine in the browser.

  2. Update the mask-icon to be have some transparency in it. Currently the svg has two layers in it so it could be as simple as subtracting the foreground layer from the background layer. Here’s the svg for that, I had to post as code cause svg isn’t an allowed file type.

<svg height="400" viewBox="0 0 400 400" width="400" xmlns="http://www.w3.org/2000/svg"><path d="m0 400v-200-200h200 200v200 200h-200zm209.144531-86.595703c22.742844-.011414 43.364334-.18277 48.455078-.533203 6.787995-.467987 15.00763-.793396 42.59961-1.691406 7.259979-.235993 14.101166-.576813 15.201172-.757813 3.451995-.566986 11.227356-2.691803 12.234375-3.341797.530975-.342987 1.775634-.937256 2.765625-1.322265.99002-.38501 2.426391-1.207123 3.191406-1.828125.57373-.465729 1.19638-.869019 1.587891-1.041016.130493-.057312.233978-.087891.302734-.087891.828003 0 8.140472-6.649322 9.5625-8.695312.363495-.523987.877045-1.248169 1.410156-1.992188.266571-.372009.538178-.749695.798828-1.109375.260651-.35968.509918-.701416.732422-1.003906 1.779022-2.419006 1.84906-2.549805 2.164063-4.007812.119995-.554993.742828-1.815766 1.382812-2.800782.643005-.98999 1.268433-2.613922 1.398438-3.628906.130005-1.011017.692962-3.239166 1.251953-4.951172 1.126007-3.450989 1.427551-12.864563.601562-18.810547-1.085998-7.812988-1.651611-13.435562-1.974609-19.601562-.195984-3.73999-.62796-8.148819-.958984-9.798828-.955994-4.771988-1.465577-8.631531-1.851563-14.019532-.197998-2.759994-.820831-6.965698-1.382812-9.345703-.563019-2.379989-1.200013-6.3293-1.416016-8.779297-.217011-2.450012-.84256-6.076645-1.392578-8.05664-.548981-1.979996-1.000885-4.153076-1.003906-4.830078-.007996-1.946991-1.232392-8.632431-1.859375-10.148438-.313996-.758987-.8219-3.289993-1.128907-5.625-.306976-2.334991-.913604-5.315094-1.349609-6.621094-.436005-1.305999-1.085358-4.23381-1.443359-6.507812-.358002-2.274002-.926697-4.884781-1.263672-5.800781-.337006-.916001-.973084-3.466004-1.414063-5.666016-.441009-2.200012-1.029571-4.360779-1.308594-4.800781-.278991-.440003-.838195-1.698822-1.242187-2.798828-.926026-2.519989-3.761292-7.805603-4.613281-8.59961-.354004-.329986-1.439087-1.663849-2.41211-2.964843-1.743988-2.333985-7.61438-7.835938-8.359375-7.835938-.210998 0-.97229-.506958-1.695312-1.126953-.722992-.619995-1.944855-1.365234-2.714844-1.65625s-2.030792-.944214-2.800781-1.449219c-.77002-.505005-2.621247-1.199005-4.115235-1.541015-1.494018-.342988-3.204773-.868897-3.800781-1.171875-1.165314-.591248-3.934723-1.034668-8.378906-1.335938-.404022-.027374-.822174-.05307-1.253906-.078125-1.72696-.10025-3.674866-.182587-5.84961-.246094-4.399994-.128998-11.960785-.49353-16.800781-.810547-4.839996-.317993-13.479248-.754699-19.199219-.970703-8.124283-.306518-20.255646-.48175-33.751953-.548828-17.799316-.189606-36.56189-.168152-52.248047.125-3.97673.074188-8.231811.180298-12.380859.302735-13.592728.275238-23.096085.659881-23.835938 1.117187-.134002.083008-5.630851.341217-12.214843.574219-12.941986.457-18.530976.975799-20.292969 1.882812-.618004.317993-2.493919.928406-4.169922 1.357422-1.674995.428986-3.329788 1.026123-3.675781 1.328125-.347.302002-1.43969.906738-2.429688 1.34375-2.051002.904999-5.166343 2.95694-7.152343 4.710938-2.432 2.147003-6.885186 6.844238-7.617188 8.03125-.393997.639984-1.102219 1.504852-1.574219 1.923828-.471.419006-.857422 1.068359-.857422 1.443359s-.463249 1.367127-1.03125 2.203125c-.568.837006-1.49073 2.795563-2.052734 4.351563-.560997 1.556976-1.245529 3.191742-1.519531 3.634765-.274002.442993-.716378 2.24588-.984375 4.00586-.269001 1.760009-.833863 4.190384-1.25586 5.40039-.422001 1.209992-1.143516 4.449219-1.603515 7.199219-.459 2.75-1.062798 5.449997-1.341797 6-.279003.550003-.80592 3.069611-1.169922 5.599609-.362999 2.529999-1.005737 5.684769-1.427734 7.009766-.422001 1.326004-1.05711 4.567169-1.41211 7.201172-.354999 2.63501-.824966 5.508682-1.042968 6.388672-1.153 4.643997-1.601033 7.210174-1.957032 11.201172-.215 2.420013-.583408 5.028823-.816406 5.798828-.860001 2.845001-1.606144 7.958206-1.994141 13.658203-.220001 3.222-.75069 7.813171-1.179687 10.201172-.951 5.298004-1.610329 12.018509-1.611328 16.4375 0 1.813003-.375935 6.854172-.835938 11.201172-.862999 8.142974-.833641 16.012756.06836 18.384765.224998.589997.572391 2.38147.77539 3.980469.244999 1.929016.762158 3.62146 1.535157 5.023438.640998 1.162994 1.283737 2.623077 1.427734 3.246093.269001 1.162995 2.370281 4.604096 3.738281 6.121094.423.468994 1.143562 1.460175 1.601563 2.201172.457.740021 2.150718 2.571319 3.761718 4.070312 1.611 1.5 3.47744 3.255402 4.148438 3.900391.672005.645996 1.410629 1.175781 1.640625 1.175781.231003 0 1.120514.498383 1.978516 1.109375.858001.609986 2.37133 1.45401 3.361328 1.875.989997.42099 2.079879.997254 2.421875 1.28125 3.123001 2.592011 14.07798 3.855133 39.376953 4.535157 9.019996.241973 21.261184.73471 27.201172 1.095703 7.756302.471374 40.503341.72171 69.74414.707031zm-8.945312-21.603516c-60.409943 0-76.146027-.272186-93.541016-1.617187-4.147987-.321015-9.278396-.585846-11.40039-.589844-14.302987-.026001-21.384789-3.900757-26.675782-14.59375l-1.582031-3.199219.078125-10c.042999-5.5.272812-11.260788.507813-12.800781.904998-5.908997 1.625953-12.740341 2.001953-18.986328.232002-3.850006.79763-8.471512 1.390625-11.353516.550003-2.673996 1.175575-7.109375 1.392578-9.859375.215996-2.75.85025-6.800003 1.40625-9 .556999-2.199997 1.116188-5.441177 1.242187-7.201172.232003-3.216003 1.200173-8.233032 1.826172-9.457031.184998-.361999.521088-2.342392.746094-4.40039.464996-4.251999.974815-6.776413 2.007812-9.941407.395005-1.210006.923737-3.798904 1.177735-5.753906.252998-1.955002.804611-4.565781 1.224609-5.800781.419998-1.235001 1.050346-3.956879 1.402344-6.046875.175499-1.044998.420372-2.173599.671875-3.152344.062874-.24469.126594-.481033.189453-.703125.188576-.666275.373215-1.212967.527344-1.542969.411003-.880005 1.017654-2.532867 1.347656-3.671875.033653-.11618.071671-.2341.113281-.355468.041611-.121369.085602-.246979.134766-.373047.934151-2.395234 3.196174-5.591828 5.408203-7.886719.116425-.120789.233658-.237976.349609-.353516.347847-.346618.690995-.668518 1.027344-.958984.112114-.096832.223946-.191651.333985-.28125.660217-.537506 1.279701-.939789 1.814453-1.154297.703003-.281982 1.771049-.915192 2.373047-1.408203 1.042999-.854004 1.877723-1.083161 7.886718-2.160156 1.085999-.194611 2.347557-.373047 3.814453-.53711.488968-.054687 1.000946-.108612 1.53711-.160156 6.43396-.618622 16.354202-1.016388 31.867187-1.306641 11.989975-.223999 24.048828-.468902 26.798828-.544921 6.488358-.177491 43.864319-.013367 70.173829.246093 26.589141.521271 50.361877 1.386292 54.83789 2.265625 1.092987.214997 3.015534.505585 4.269531.642578 1.086762.119233 2.095704.394135 2.886719.779297.065918.032105.130554.064057.19336.097657.188415.100769.36203.209014.519531.322265.725982.52298 2.091217 1.313812 3.033203 1.757813 2.70401 1.274994 7.808533 7.122711 8.519531 9.761718.246002.915009.880188 2.516602 1.408203 3.558594.527985 1.042008 1.15744 3.295822 1.398438 5.007813.240997 1.712005.870392 4.439499 1.40039 6.0625.529999 1.623001 1.144257 4.54895 1.365235 6.501953.221008 1.953995.661499 4.22583.978515 5.048828.935974 2.436005 1.456513 4.806763 1.8125 8.259766.183991 1.787002.801087 4.868606 1.371094 6.849609.570007 1.979996 1.197479 5.307526 1.396485 7.394531.199981 2.087006.811431 5.594925 1.357421 7.794922s1.108979 5.530396 1.251954 7.400391c.295013 3.876999 1.221923 9.929 1.835937 12 .227997.770004.58493 3.920013.794922 7 .464996 6.81401 1.043396 12.353393 1.816406 17.40039 1.367981 8.936981 1.811432 26.815216.773438 31.199219-.414002 1.748993-3.32071 7.410706-4.220703 8.220703-.477021.428986-.982117 1.072632-1.121094 1.431641-1.607178 4.145263-11.349304 7.692749-21.525391 7.927734-.328247.007568-.655456.013062-.984375.013672-1.85675.003479-6.016876.206818-9.80664.472656-.541382.037964-1.075257.077057-1.59375.117188-17.39499 1.345001-33.133027 1.617187-93.542969 1.617187zm-.074219-28c3.728378.005249 7.479767-.379211 9.009766-1.158203.585998-.298004 2.06987-.830597 3.296875-1.183594 1.227005-.353027 2.898788-1.095367 3.716797-1.65039.817993-.554993 1.616439-1.007813 1.773437-1.007813.85199 0 7.353134-5.789764 8.994141-8.009765 1.054-1.425003 2.268219-3.011399 2.699218-3.525391.431-.514008.785157-1.098785.785157-1.300781 0-.202011.468063-1.312805 1.039062-2.466797 2.309998-4.662995 3.24849-11.21048 1.8125-12.646484l-.851562-.851563h-32.376953-32.378907l-.621093.888672c-1.17099 1.67099-.412705 7.835968 1.404296 11.417969.638993 1.260986 1.164963 2.573959 1.167969 2.917968.003006.342987.341858.987641.75586 1.431641.412994.444 1.201004 1.513 1.75 2.375 2.009002 3.160995 7.426452 8.192261 10.439453 9.697266 1.022995.510009 1.859375 1.07016 1.859375 1.24414 0 .174011 1.305389.709412 2.90039 1.191407 1.595001.481994 3.374085 1.136108 3.955078 1.453125 1.435501.78302 5.140763 1.178344 8.869141 1.183593zm-83.474609-55.414062c11.517059.009384 26.549148-.288834 27.08789-.736328 1.083008-.899994.561829-5.256287-.826172-6.904297-.303009-.358994-.719787-1.258988-.925781-2-.205994-.740998-1.175293-2.336869-2.154297-3.546875-.005554-.006851-.012024-.01268-.017578-.019531-.734054-.995728-1.509277-1.941132-2.08789-2.488282-.662186-.626526-1.490006-1.241119-2.453125-1.830078-4.111207-2.955673-8.928269-4.225403-13.916016-3.648437-3.979393.222915-7.7043 1.425003-9.691406 3.412109-.536003.535995-1.13794.974609-1.335938.974609-1.131004 0-4.664986 4.531617-6.708984 8.59961-1.159004 2.309005-1.167671 7.186691-.013672 7.804687.488251.261383 6.132736.377182 13.042969.382813zm160.451172-.109375c9.941741-.021866 19.860504-.268708 20.3125-.720703 1.011993-1.011994.084106-6.771363-1.462891-9.06836-.632996-.941009-1.150391-1.889419-1.150391-2.107422 0-.013153-.005096-.029922-.011718-.048828-.006531-.018753-.01648-.040069-.029297-.064453-.021851-.041626-.058716-.09761-.097657-.154297-.006225-.008865-.009002-.014236-.015625-.023437-.000946-.001358-.000976-.002548-.001953-.003906-.320312-.453812-1.110077-1.313218-2.03125-2.195313-.131042-.125351-.261657-.2453-.392578-.367187-1.028503-.990601-2.180817-2.03328-3.121094-2.78711-.341583-.2742-1.06784-.667312-1.96875-1.08789-4.369659-2.579896-8.808166-3.271424-13.644531-2.158204-6.310821 1.119355-12.060638 5.037049-14.71875 10.707032-.003113.006591-.006653.012939-.009765.019531-.064484.138046-.126709.277862-.1875.417969-.186982.430496-.434479.980209-.683594 1.517578-.124573.268692-.249542.534454-.367188.78125-.117645.246795-.228485.47351-.324218.666015-1.078003 2.169999-1.364014 5.362885-.541016 6.046875.540985.449494 10.505524.652726 20.447266.63086zm-77.087891-122.628906c4.131134.066955 8.3181-2.011323 11.105469-6.259766.005188-.007752.010467-.015686.015625-.023438.0932-.140014.180481-.281646.267578-.423828.093857-.153229.184707-.307373.271484-.46289.018555-.032624.036286-.066773.054688-.09961.070068-.125061.141189-.25061.208984-.378906 1.03833-1.9646 1.44278-4.006744 1.341797-5.982422-.000137-.004547.000137-.009125 0-.013672-.110458-3.625702-1.852417-7.129944-5.152344-9.458984-1.671936-1.278259-3.652267-2.174896-5.796875-2.511719-1.970596-.540466-2.756622-.396118-5.330078.333985-2.744003.777984-4.106979 1.436126-5.083984 2.453125-.376007.391998-1.006394.953094-1.400391 1.246093-1.546722 1.153107-2.572662 3.451294-2.947266 6.015625-1.316513 4.748078.825776 9.404999 4.425782 12.345703 2.324096 2.097351 5.158279 3.174347 8.019531 3.220704z" fill="#683d87" fill-rule="evenodd"/></svg>