Rule of Thirds color icon
The color version of the rule of thirds 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="#a1b6f7" stroke="none"><path fill-rule="evenodd" d="m19.38 4.08.32.22.26.44L20 7l.13.5.61.47.76-.1.29-.26.2-.48-.01-2.46-.35-1.11-.56-.73-.98-.62L19.07 2l-2.33.03-.35.18-.31.41v.76l.54.54Zm.54 15.3-.22.32-.44.26L17 20l-.5.13-.47.61.1.76.26.29.48.2 2.46-.01 1.11-.35.73-.56.57-.86.26-1.14-.03-2.33-.18-.35-.41-.31h-.76l-.54.54Zm-1.54-9.46.41-.32.18-.34-.1-.76-.37-.37-.37-.12L16 8l-.01-2.13-.12-.37-.37-.37-.76-.1-.61.47L14 6v2h-4l-.08-2.38-.54-.54h-.76l-.33.21-.26.45L8 8l-2.26.03-.45.26-.28.58.12.63.49.42L8 10v4l-2.38.08-.54.54v.76l.21.33.45.26L8 16l.03 2.26.36.53.48.2.63-.12.42-.49L10 16h4l.08 2.38.54.54h.76l.33-.21.26-.45L16 16l2.26-.03.45-.26.26-.45-.05-.64-.54-.54L16 14v-4ZM10 10h4v4h-4ZM4.08 4.62l.22-.32.44-.26L7 4l.5-.13.47-.61-.1-.76-.37-.37-.37-.12-2.46.01-.88.24-.96.67-.62.98L2 4.93l.03 2.33.18.35.41.31h.76l.54-.54Zm.54 15.3-.32-.22-.26-.44L4 17l-.13-.5-.61-.47-.76.1-.37.37-.12.37.01 2.46.35 1.11.56.73.86.57 1.14.26 2.33-.03.35-.18.31-.41v-.76l-.54-.54Z"/></g><g fill="none" stroke="#1d2e63" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 7V5a2 2 0 0 1 2-2h2m10 0h2a2 2 0 0 1 2 2v2m0 10v2a2 2 0 0 1-2 2h-2M7 21H5a2 2 0 0 1-2-2v-2M9 6v12m6-12v12M6 9h12M6 15h12"/></g></svg>Want it moving? See the animated rule of thirds icon.