Shadow Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Shadow icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/318834.svg" alt="Shadow icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/318834.svg" alt="Shadow icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/318834.svg" alt="Shadow icon" :width="24" :height="24" />
CSS background
.icon-shadow {
background-image: url('https://proicons.com/icon/318834.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="UTF-8"?>
<svg id="icons" xmlns="http://www.w3.org/2000/svg" width="32" height="32" version="1.1" viewBox="0 0 32 32">
<!-- Generator: Adobe Illustrator 30.1.0, SVG Export Plug-In . SVG Version: 2.1.1 Build 136) -->
<defs>
<style>
.st0 {
fill: none;
}
</style>
</defs>
<path d="M19,5c-1.0234,0-2.0312.1479-3.0046.4253-.9539-.2708-1.9561-.4253-2.9954-.4253-6.0654,0-11,4.9346-11,11s4.9346,11,11,11c1.0393,0,2.0415-.1545,2.9954-.4253.9734.2773,1.9812.4253,3.0046.4253,6.0654,0,11-4.9346,11-11s-4.9346-11-11-11ZM23.9495,16.9965l3.9866.0355c-.1228,1.0701-.4373,2.0808-.903,3.0039l-3.7977-.0342c.3713-.9463.6191-1.9531.7141-3.0052ZM23.9492,14.9963c-.0955-1.049-.343-2.0525-.7131-2.9963l3.8325.0378c.4548.9221.7627,1.9283.8772,2.994l-3.9966-.0355ZM25.7112,10.0244l-3.5099-.0347c-.7626-1.1636-1.7395-2.1714-2.8744-2.9731,2.536.0917,4.803,1.2339,6.3843,3.0078ZM4,16c0-4.9624,4.0371-9,9-9s9,4.0376,9,9-4.0371,9-9,9-9-4.0376-9-9ZM19.3269,24.9834c1.1405-.8057,2.121-1.8199,2.8853-2.9907l3.4556.031c-1.5793,1.7465-3.8279,2.8689-6.3408,2.9597h-.0001Z"/>
<rect id="_x3C_Transparent_Rectangle_x3E_" class="st0" width="32" height="32"/>
</svg>
Shadow in other icon packs
Copied!