ICONYZ
English
Image Off icon from Majesticons

Image Off icon

majesticons:image-off

The Image Off icon (majesticons:image-off) is a free SVG icon from the Majesticons set by Gerrit Halfmann. It is drawn on a 24 × 24 grid. Majesticons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Majesticons
Author
Gerrit Halfmann
License
MIT
Size
24 × 24
Tags
imageoff
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 2l20 20"/><path fill="currentColor" fill-rule="evenodd" d="M2.505 3.333A3 3 0 0 0 2 5v10.5q0 .13.032.25A1 1 0 0 0 2 16v3a3 3 0 0 0 3 3h14c.617 0 1.19-.186 1.666-.505l-8.722-8.723q-.828.402-1.525.867c.827.293 1.75.71 2.657 1.256c1.399.84 2.821 2.02 3.778 3.583a1 1 0 1 1-1.706 1.044c-.736-1.203-1.878-2.178-3.102-2.913c-1.222-.734-2.465-1.192-3.327-1.392a15.5 15.5 0 0 0-3.703-.386h-.022q-.522.008-.994.045V5a1 1 0 0 1 .013-.159zm13.732 8.075A25 25 0 0 1 20 11.016V5a1 1 0 0 0-1-1H8.828l-2-2H19a3 3 0 0 1 3 3v6.5a1 1 0 0 1-.032.25A1 1 0 0 1 22 12v5.172zM6.346 7.174C6.13 7.534 6 7.977 6 8.5c0 .926.408 1.601.978 2.011A2.67 2.67 0 0 0 8.5 11c.357 0 .852-.087 1.316-.355z" clip-rule="evenodd"/></g></svg>

How to use the Image Off icon

React

import { Icon } from "@iconify/react";

<Icon icon="majesticons:image-off" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="majesticons:image-off" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="majesticons:image-off" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[majesticons--image-off]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/majesticons -->
<div class="i-majesticons:image-off"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="majesticons:image-off"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/majesticons/image-off.svg" alt="Image Off icon" width="24" height="24">

Related icons in Majesticons

image icon
image
 image-circle icon
image-circle
 image-circle-line icon
image-circle-line
 image-circle-off icon
image-circle-off
 image-circle-off-line icon
image-circle-off-line
 image-circle-plus icon
image-circle-plus
 image-circle-plus-line icon
image-circle-plus-line
 image-circle-story icon
image-circle-story
 image-circle-story-line icon
image-circle-story-line
 image-frame icon
image-frame
 image-frame-line icon
image-frame-line
 image-in-picture icon
image-in-picture
 image-in-picture-line icon
image-in-picture-line
 image-line icon
image-line
 image-multiple icon
image-multiple
 image-multiple-line icon
image-multiple-line
 image-off-line icon
image-off-line
 image-photography icon
image-photography
 image-photography-line icon
image-photography-line
 image-plus icon
image-plus
 image-plus-line icon
image-plus-line

Image Off icon in other icon sets

Image Off icon from Material Design Icons
Material Design Icons
 Image Off icon from Lucide
Lucide
 Image Off icon from Circum Icons
Circum Icons
 Image Off icon from Griddy Icons
Griddy Icons
 Image Off icon from Huge Icons
Huge Icons
 Image Off icon from IconOven
IconOven
 Image Off icon from Keyline Icons
Keyline Icons
 Image Off icon from TDesign Icons
TDesign Icons
 Image Off icon from andrsrxn/icons
andrsrxn/icons

Image Off icon FAQ

Is the Image Off icon free for commercial use?

Yes. Majesticons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Image Off icon in React?

Install @iconify/react and render <Icon icon="majesticons:image-off" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Image Off icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/majesticons/image-off.svg" alt="Image Off icon">, or paste the SVG code inline to style it with CSS.

Browse all Majesticons →