Opacity color icon
The color version of the opacity line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#f7a1cc" stroke="none"><path fill-rule="evenodd" d="m5 2-.78.1-.72.3-.33.22-.55.55-.22.33-.3.72-.07.39L2 19l.1.78.13.37.39.68.55.55.33.22.72.3.78.1h14l.78-.1.72-.3.33-.22.55-.55.22-.33.3-.72.1-.78V5l-.1-.78-.3-.72-.22-.33-.55-.55-.33-.22-.72-.3-.39-.07zm11.5 8h3l.19.04.21.16.1.3v3l-.07.25-.13.15-.3.1h-3l-.19-.04-.21-.16-.1-.3v-3.07l.07-.18.13-.15zm-6-6h3l.25.07.15.13.1.3v3l-.04.19-.16.21-.3.1h-3l-.25-.07-.15-.13-.1-.3V4.43l.15-.28.16-.11zm0 12h3l.25.07.15.13.1.3v3l-.04.19-.16.21-.3.1h-3l-.25-.07-.15-.13-.1-.3v-3.07l.15-.28.16-.11zm-6-6h3l.19.04.21.16.1.3v3l-.07.25-.13.15-.3.1h-3l-.19-.04-.21-.16-.1-.3v-3.07l.07-.18.13-.15z"/></g><g fill="none" stroke="#631d40" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M3 9h18M3 15h18M9 3v18m6-18v18M6 6h.01M18 6h.01M12 12h.01M6 18h.01M18 18h.01"/></g></svg>Want it moving? See the animated opacity icon.