function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
DTI - Emer IngenieroDTI - Emer Ingeniero 

SVG Image missing on Button Using Lightning

I'm trying my hand using Lightning components and I need help as to why the SVG image on the button, which in this case is the down arrow, won't show up unless I hover on it as indicated by the yellow marker in the screenshot.

Missing Down Arrow

The code I have is as follows:
<div aura:id="options"
	 class="slds-dropdown-trigger slds-dropdown-trigger--clicked" aria-expanded="true">
	<button class="slds-button slds-button--icon-border-filled" aria-haspopup="true"
		<c:svgIcon svgPath="/resource/slds100/assets/icons/utility-sprite/svg/symbols.svg#down" 
				   class="slds-button__icon slds-button__icon--hint" />
		<span class="slds-assistive-text">Show More</span>
	<div class="slds-dropdown slds-dropdown--right">
		<ul class="dropdown__list" role="menu">
			<li class="slds-dropdown__item">
				<a href="#void" role="menuitem"
					<p class="slds-truncate">Delete</p>

Please help.

Dave The GhostDave The Ghost
Make sure you have installed the Lightning Design components. Double check your static resources and see if SLDS100 is installed it may be a different version now SLDS102. I