1. Icon Monks
  2. Media icons
  3. Image Compare

Image Compare icon

A free image compare icon from the Media set, useful for compare, before after, split, picture. It comes in six weights and is free for personal and commercial use under the MIT license.

Image Compare icon, thin weight
Thin
SVG
Image Compare icon, light weight
Light
SVG
Image Compare icon, regular weight
Regular
SVG
Image Compare icon, bold weight
Bold
SVG
Image Compare icon, fill weight
Fill
SVG
Image Compare icon, duotone weight
Duotone
SVG

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

Use the image compare icon in your code

React

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

<ImageCompare size={24} />

Vue

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

<ImageCompare :size="24" />

Web component

<icon-monks name="image-compare" size="24"></icon-monks>

Icon font

<i class="im im-image-compare"></i>

Flutter

Icon(IconMonks.imageCompare)

SwiftUI

Image(iconMonks: .imageCompare)

Compose

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

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

Tags

Related media icons

See all 265 media icons