1. Icon Monks
2. Design icons
3. Drop Shadow

Drop Shadow icon

A free drop shadow icon from the Design set, useful for shadow, depth, effect, elevation. It comes in six weights and is free for personal and commercial use under the MIT license.

SVG

SVG

SVG

SVG

SVG

SVG

Open in the icon browserCustomize size and color, then download PNG, WebP or PDF.

Use the drop shadow icon in your code

import { DropShadow } from '@icon-monks/react';

<DropShadow size={24} />

<script setup>
import { DropShadow } from '@icon-monks/vue';
</script>

<DropShadow :size="24" />

<icon-monks name="drop-shadow" size="24"></icon-monks>

<i class="im im-drop-shadow"></i>

Icon(IconMonks.dropShadow)

Image(iconMonks: .dropShadow)

Icon(IconMonks.Regular.DropShadow, contentDescription = null)

Need setup steps? See the getting started guide or the page for React, Flutter, SwiftUI or Jetpack Compose.

Tags

• shadow
• depth
• effect
• elevation

Related design icons

• shadow
• inner-shadow
• inner-shadow-bottom-left
• inner-shadow-bottom-right
• inner-shadow-left
• inner-shadow-right
• inner-shadow-top-left
• inner-shadow-top-right
• shadow-slash
• drop-half
• drop-half-bottom
• align-bottom
• align-bottom-simple
• align-center-horizontal
• align-center-horizontal-simple
• align-center-vertical
• align-center-vertical-simple
• align-grid

See all 346 design icons