Transparency icon
Adjust opacity or show a transparent background.
24px × 4
1.75
Use it in your project
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
<path d="M6 3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3"/>
<path fill="currentColor" stroke="none" d="M9 9H3V6c0-1.66 1.34-3 3-3h3zm6 0V3h3c1.66 0 3 1.34 3 3v3zM9 9h6v6H9zm0 6v6H6c-1.66 0-3-1.34-3-3v-3zm6 0h6v3c0 1.66-1.34 3-3 3h-3z"/>
</svg>Icon details
- Name
- transparency
- Component
- TransparencyIcon
- Category
- Editing & Creativity
- Variants
- Outline, Filled
- Added in
- v0.2.0
- Files
- @ikions/icons/outline/transparency.svg
@ikions/icons/filled/transparency.svg
Also known as
- opacity
- alpha-channel
Related icons
- droplet-halfDroplet Half icon
- fill-dripFill Drip icon
- text-highlightText Highlight icon
- sort-alphaSort Alphabetically icon
- align-centerAlign Center icon
- align-justifyAlign Justify icon
- align-leftAlign Left icon
- align-rightAlign Right icon
- anchor-pointAnchor Point icon
- artboardArtboard icon
- auto-layoutAuto Layout icon
- bezierBezier icon