Using ArcGIS Pro 3.1
I have a SVG look like this:
After import to ArcGIS Pro, it looks like this:
the content of SVG:
<svg width="45" height="30" viewBox="0 0 45 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_7_15)">
<rect x="0.5" y="0.5" width="44" height="29" fill="url(#paint0_linear_7_15)" stroke="black"/>
<path d="M7.79785 24H6.4502V13.292H9.40186C10.7349 13.292 11.7188 13.5459 12.3535 14.0537C12.9883 14.5566 13.3057 15.3159 13.3057 16.3315C13.3057 16.9077 13.2007 17.3838 12.9907 17.7598C12.7808 18.1406 12.5122 18.4458 12.1851 18.6753C11.8628 18.9048 11.521 19.0806 11.1597 19.2026L14.0967 24H12.522L9.9292 19.5762H7.79785V24ZM9.32861 14.4565H7.79785V18.4336H9.40186C10.2759 18.4336 10.9106 18.2627 11.3062 17.9209C11.7065 17.5742 11.9067 17.0664 11.9067 16.3975C11.9067 15.6943 11.6968 15.1963 11.2769 14.9033C10.8569 14.6055 10.2075 14.4565 9.32861 14.4565Z" fill="black"/>
</g>
<defs>
<linearGradient id="paint0_linear_7_15" x1="45" y1="-1.88748e-06" x2="25.1053" y2="30.1562" gradientUnits="userSpaceOnUse">
<stop offset="0.687826"/>
<stop offset="0.692472"/>
<stop offset="0.697917" stop-opacity="0"/>
</linearGradient>
<clipPath id="clip0_7_15">
<rect width="45" height="30" fill="white"/>
</clipPath>
</defs>
</svg>
Accepted Solutions
try this:
<svg width="45" height="30" viewBox="0 0 45 30" xmlns="http://www.w3.org/2000/svg">
<!-- Outer rectangle with a black border -->
<rect x="0.5" y="0.5" width="44" height="29" fill="none" stroke="black"/>
<!-- Black upper-right to lower-left diagonal half -->
<polygon points="0.5,0.5 44.5,0.5 44.5,29.5" fill="black"/>
<!-- Letter R as provided -->
<path d="M7.79785 24H6.4502V13.292H9.40186C10.7349 13.292 11.7188 13.5459 12.3535 14.0537C12.9883 14.5566 13.3057 15.3159 13.3057 16.3315C13.3057 16.9077 13.2007 17.3838 12.9907 17.7598C12.7808 18.1406 12.5122 18.4458 12.1851 18.6753C11.8628 18.9048 11.521 19.0806 11.1597 19.2026L14.0967 24H12.522L9.9292 19.5762H7.79785V24ZM9.32861 14.4565H7.79785V18.4336H9.40186C10.2759 18.4336 10.9106 18.2627 11.3062 17.9209C11.7065 17.5742 11.9067 17.0664 11.9067 16.3975C11.9067 15.6943 11.6968 15.1963 11.2769 14.9033C10.8569 14.6055 10.2075 14.4565 9.32861 14.4565Z" fill="black"/>
</svg>
The lower left is not filled white, but it could be.
try this:
<svg width="45" height="30" viewBox="0 0 45 30" xmlns="http://www.w3.org/2000/svg">
<!-- Outer rectangle with a black border -->
<rect x="0.5" y="0.5" width="44" height="29" fill="none" stroke="black"/>
<!-- Black upper-right to lower-left diagonal half -->
<polygon points="0.5,0.5 44.5,0.5 44.5,29.5" fill="black"/>
<!-- Letter R as provided -->
<path d="M7.79785 24H6.4502V13.292H9.40186C10.7349 13.292 11.7188 13.5459 12.3535 14.0537C12.9883 14.5566 13.3057 15.3159 13.3057 16.3315C13.3057 16.9077 13.2007 17.3838 12.9907 17.7598C12.7808 18.1406 12.5122 18.4458 12.1851 18.6753C11.8628 18.9048 11.521 19.0806 11.1597 19.2026L14.0967 24H12.522L9.9292 19.5762H7.79785V24ZM9.32861 14.4565H7.79785V18.4336H9.40186C10.2759 18.4336 10.9106 18.2627 11.3062 17.9209C11.7065 17.5742 11.9067 17.0664 11.9067 16.3975C11.9067 15.6943 11.6968 15.1963 11.2769 14.9033C10.8569 14.6055 10.2075 14.4565 9.32861 14.4565Z" fill="black"/>
</svg>
The lower left is not filled white, but it could be.
