image icon
image from Reicon by REICON · Outline · Video · MIT Free for personal and commercial use.
- Name
- image
- Set
- Reicon
- Style
- Outline
- Category
- Video
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All image icons →imageAkar IconsimageBootstrap IconsimageBoxIcons v2imageBoxIcons v2 SolidimageCarbonimageCatppuccin Iconsimage-fillEva IconsimageFont Awesome 6 RegularimageFont Awesome 6 SolidimageFont Awesome RegularimageFont Awesome SolidimageFeather Iconsimage-outlineFlowbite Iconsimage-16-filledFluent UI System Iconsimage-16Fluent UI System Color Iconsimagecss.ggimageHumbleiconsimageIonIconsimageKeyline IconsimageLine AwesomeimageMaterial Line IconsimageLucideimageMage IconsimageMajesticons
More video icons from Reicon
albumcameracamera-addcamera-add2camera-altcamera-offcamera-recordcamera-rotatecamera-squarecamera2camera3clapperboardclapperboard-editclapperboard-openclapperboard-open-playclapperboard-playclapperboard-textexit-fullscreenexit-fullscreen-circleexit-fullscreen-squareexit-pipfast-forwardfast-forward-circlefilm
Use the image icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M7.5 6.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M6.75 9a.75.75 0 1 1 1.5 0a.75.75 0 0 1-1.5 0"/><path d="M7.067 2.75h9.866c.952 0 1.713 0 2.327.05c.63.052 1.172.16 1.67.413a4.25 4.25 0 0 1 1.857 1.858c.253.497.361 1.04.413 1.67c.05.613.05 1.374.05 2.326v5.913c0 .943 0 1.696-.052 2.306c-.053.619-.16 1.153-.411 1.644a4.25 4.25 0 0 1-1.857 1.857c-.498.254-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.068c-.953 0-1.713 0-2.328-.05c-.63-.052-1.172-.16-1.67-.413l-.037-.02a4.25 4.25 0 0 1-1.82-1.838C.96 18.433.852 17.89.8 17.26c-.05-.613-.05-1.374-.05-2.326V9.067c0-.952 0-1.713.05-2.327c.052-.63.16-1.172.413-1.67a4.25 4.25 0 0 1 1.858-1.857c.497-.253 1.04-.361 1.67-.413c.613-.05 1.374-.05 2.326-.05M21.75 9.1v4.07l-4.013-4.013a1.75 1.75 0 0 0-2.474 0L9.499 14.92l-1.242-1.243a1.75 1.75 0 0 0-2.475 0l-3.485 3.485l-.002-.024c-.044-.546-.045-1.246-.045-2.238V9.1c0-.992 0-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75 2.75 0 0 1 3.752 4.55c.25-.128.573-.21 1.11-.255c.546-.044 1.246-.045 2.238-.045h9.8c.992 0 1.692 0 2.238.045c.537.044.86.127 1.11.255a2.75 2.75 0 0 1 1.202 1.202c.128.25.21.573.255 1.11c.044.546.045 1.246.045 2.238M3.656 19.399a2.7 2.7 0 0 1-.799-.676l3.985-3.985a.25.25 0 0 1 .354 0l1.773 1.773a.75.75 0 0 0 1.06 0l6.294-6.293a.25.25 0 0 1 .354 0l5.073 5.073c-.001.79-.007 1.375-.045 1.847c-.044.537-.127.86-.255 1.11a2.75 2.75 0 0 1-1.201 1.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045H7.1c-.992 0-1.692 0-2.238-.045c-.537-.044-.86-.127-1.11-.255z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconImage(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M7.5 6.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M6.75 9a.75.75 0 1 1 1.5 0a.75.75 0 0 1-1.5 0"/><path d="M7.067 2.75h9.866c.952 0 1.713 0 2.327.05c.63.052 1.172.16 1.67.413a4.25 4.25 0 0 1 1.857 1.858c.253.497.361 1.04.413 1.67c.05.613.05 1.374.05 2.326v5.913c0 .943 0 1.696-.052 2.306c-.053.619-.16 1.153-.411 1.644a4.25 4.25 0 0 1-1.857 1.857c-.498.254-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.068c-.953 0-1.713 0-2.328-.05c-.63-.052-1.172-.16-1.67-.413l-.037-.02a4.25 4.25 0 0 1-1.82-1.838C.96 18.433.852 17.89.8 17.26c-.05-.613-.05-1.374-.05-2.326V9.067c0-.952 0-1.713.05-2.327c.052-.63.16-1.172.413-1.67a4.25 4.25 0 0 1 1.858-1.857c.497-.253 1.04-.361 1.67-.413c.613-.05 1.374-.05 2.326-.05M21.75 9.1v4.07l-4.013-4.013a1.75 1.75 0 0 0-2.474 0L9.499 14.92l-1.242-1.243a1.75 1.75 0 0 0-2.475 0l-3.485 3.485l-.002-.024c-.044-.546-.045-1.246-.045-2.238V9.1c0-.992 0-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75 2.75 0 0 1 3.752 4.55c.25-.128.573-.21 1.11-.255c.546-.044 1.246-.045 2.238-.045h9.8c.992 0 1.692 0 2.238.045c.537.044.86.127 1.11.255a2.75 2.75 0 0 1 1.202 1.202c.128.25.21.573.255 1.11c.044.546.045 1.246.045 2.238M3.656 19.399a2.7 2.7 0 0 1-.799-.676l3.985-3.985a.25.25 0 0 1 .354 0l1.773 1.773a.75.75 0 0 0 1.06 0l6.294-6.293a.25.25 0 0 1 .354 0l5.073 5.073c-.001.79-.007 1.375-.045 1.847c-.044.537-.127.86-.255 1.11a2.75 2.75 0 0 1-1.201 1.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045H7.1c-.992 0-1.692 0-2.238-.045c-.537-.044-.86-.127-1.11-.255z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M7.5 6.75a2.25 2.25 0 1 0 0 4.5a2.25 2.25 0 0 0 0-4.5M6.75 9a.75.75 0 1 1 1.5 0a.75.75 0 0 1-1.5 0"/><path d="M7.067 2.75h9.866c.952 0 1.713 0 2.327.05c.63.052 1.172.16 1.67.413a4.25 4.25 0 0 1 1.857 1.858c.253.497.361 1.04.413 1.67c.05.613.05 1.374.05 2.326v5.913c0 .943 0 1.696-.052 2.306c-.053.619-.16 1.153-.411 1.644a4.25 4.25 0 0 1-1.857 1.857c-.498.254-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.068c-.953 0-1.713 0-2.328-.05c-.63-.052-1.172-.16-1.67-.413l-.037-.02a4.25 4.25 0 0 1-1.82-1.838C.96 18.433.852 17.89.8 17.26c-.05-.613-.05-1.374-.05-2.326V9.067c0-.952 0-1.713.05-2.327c.052-.63.16-1.172.413-1.67a4.25 4.25 0 0 1 1.858-1.857c.497-.253 1.04-.361 1.67-.413c.613-.05 1.374-.05 2.326-.05M21.75 9.1v4.07l-4.013-4.013a1.75 1.75 0 0 0-2.474 0L9.499 14.92l-1.242-1.243a1.75 1.75 0 0 0-2.475 0l-3.485 3.485l-.002-.024c-.044-.546-.045-1.246-.045-2.238V9.1c0-.992 0-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75 2.75 0 0 1 3.752 4.55c.25-.128.573-.21 1.11-.255c.546-.044 1.246-.045 2.238-.045h9.8c.992 0 1.692 0 2.238.045c.537.044.86.127 1.11.255a2.75 2.75 0 0 1 1.202 1.202c.128.25.21.573.255 1.11c.044.546.045 1.246.045 2.238M3.656 19.399a2.7 2.7 0 0 1-.799-.676l3.985-3.985a.25.25 0 0 1 .354 0l1.773 1.773a.75.75 0 0 0 1.06 0l6.294-6.293a.25.25 0 0 1 .354 0l5.073 5.073c-.001.79-.007 1.375-.045 1.847c-.044.537-.127.86-.255 1.11a2.75 2.75 0 0 1-1.201 1.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045H7.1c-.992 0-1.692 0-2.238-.045c-.537-.044-.86-.127-1.11-.255z"/></g></svg> </template>
CSS
.icon-image {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M7.5%206.75a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5M6.75%209a.75.75%200%201%201%201.5%200a.75.75%200%200%201-1.5%200%22%2F%3E%3Cpath%20d%3D%22M7.067%202.75h9.866c.952%200%201.713%200%202.327.05c.63.052%201.172.16%201.67.413a4.25%204.25%200%200%201%201.857%201.858c.253.497.361%201.04.413%201.67c.05.613.05%201.374.05%202.326v5.913c0%20.943%200%201.696-.052%202.306c-.053.619-.16%201.153-.411%201.644a4.25%204.25%200%200%201-1.857%201.857c-.498.254-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.068c-.953%200-1.713%200-2.328-.05c-.63-.052-1.172-.16-1.67-.413l-.037-.02a4.25%204.25%200%200%201-1.82-1.838C.96%2018.433.852%2017.89.8%2017.26c-.05-.613-.05-1.374-.05-2.326V9.067c0-.952%200-1.713.05-2.327c.052-.63.16-1.172.413-1.67a4.25%204.25%200%200%201%201.858-1.857c.497-.253%201.04-.361%201.67-.413c.613-.05%201.374-.05%202.326-.05M21.75%209.1v4.07l-4.013-4.013a1.75%201.75%200%200%200-2.474%200L9.499%2014.92l-1.242-1.243a1.75%201.75%200%200%200-2.475%200l-3.485%203.485l-.002-.024c-.044-.546-.045-1.246-.045-2.238V9.1c0-.992%200-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75%202.75%200%200%201%203.752%204.55c.25-.128.573-.21%201.11-.255c.546-.044%201.246-.045%202.238-.045h9.8c.992%200%201.692%200%202.238.045c.537.044.86.127%201.11.255a2.75%202.75%200%200%201%201.202%201.202c.128.25.21.573.255%201.11c.044.546.045%201.246.045%202.238M3.656%2019.399a2.7%202.7%200%200%201-.799-.676l3.985-3.985a.25.25%200%200%201%20.354%200l1.773%201.773a.75.75%200%200%200%201.06%200l6.294-6.293a.25.25%200%200%201%20.354%200l5.073%205.073c-.001.79-.007%201.375-.045%201.847c-.044.537-.127.86-.255%201.11a2.75%202.75%200%200%201-1.201%201.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045H7.1c-.992%200-1.692%200-2.238-.045c-.537-.044-.86-.127-1.11-.255z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M7.5%206.75a2.25%202.25%200%201%200%200%204.5a2.25%202.25%200%200%200%200-4.5M6.75%209a.75.75%200%201%201%201.5%200a.75.75%200%200%201-1.5%200%22%2F%3E%3Cpath%20d%3D%22M7.067%202.75h9.866c.952%200%201.713%200%202.327.05c.63.052%201.172.16%201.67.413a4.25%204.25%200%200%201%201.857%201.858c.253.497.361%201.04.413%201.67c.05.613.05%201.374.05%202.326v5.913c0%20.943%200%201.696-.052%202.306c-.053.619-.16%201.153-.411%201.644a4.25%204.25%200%200%201-1.857%201.857c-.498.254-1.04.361-1.67.413c-.614.05-1.375.05-2.327.05H7.068c-.953%200-1.713%200-2.328-.05c-.63-.052-1.172-.16-1.67-.413l-.037-.02a4.25%204.25%200%200%201-1.82-1.838C.96%2018.433.852%2017.89.8%2017.26c-.05-.613-.05-1.374-.05-2.326V9.067c0-.952%200-1.713.05-2.327c.052-.63.16-1.172.413-1.67a4.25%204.25%200%200%201%201.858-1.857c.497-.253%201.04-.361%201.67-.413c.613-.05%201.374-.05%202.326-.05M21.75%209.1v4.07l-4.013-4.013a1.75%201.75%200%200%200-2.474%200L9.499%2014.92l-1.242-1.243a1.75%201.75%200%200%200-2.475%200l-3.485%203.485l-.002-.024c-.044-.546-.045-1.246-.045-2.238V9.1c0-.992%200-1.692.045-2.238c.044-.537.127-.86.255-1.11A2.75%202.75%200%200%201%203.752%204.55c.25-.128.573-.21%201.11-.255c.546-.044%201.246-.045%202.238-.045h9.8c.992%200%201.692%200%202.238.045c.537.044.86.127%201.11.255a2.75%202.75%200%200%201%201.202%201.202c.128.25.21.573.255%201.11c.044.546.045%201.246.045%202.238M3.656%2019.399a2.7%202.7%200%200%201-.799-.676l3.985-3.985a.25.25%200%200%201%20.354%200l1.773%201.773a.75.75%200%200%200%201.06%200l6.294-6.293a.25.25%200%200%201%20.354%200l5.073%205.073c-.001.79-.007%201.375-.045%201.847c-.044.537-.127.86-.255%201.11a2.75%202.75%200%200%201-1.201%201.202c-.252.128-.574.21-1.111.255c-.546.044-1.246.045-2.238.045H7.1c-.992%200-1.692%200-2.238-.045c-.537-.044-.86-.127-1.11-.255z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/image.svg?color=%231a73e8&size=48
