Image Prohibited icon
Used to represent images in content and photo editing scenarios. The Image Prohibited icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Image Prohibited icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { ImageProhibited24Regular, ImageProhibited24Filled } from "@fluentui/react-icons";
export function Example() {
return <ImageProhibited24Regular aria-label="Image Prohibited" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_image_prohibited_24_regular.svg" width="24" height="24" alt="Image Prohibited"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 12C9.53757 12 12 9.53757 12 6.5C12 3.46243 9.53757 1 6.5 1C3.46243 1 1 3.46243 1 6.5C1 9.53757 3.46243 12 6.5 12ZM6.5 10.5C5.6665 10.5 4.89255 10.2451 4.25185 9.80892L9.80892 4.25185C10.2451 4.89255 10.5 5.6665 10.5 6.5C10.5 8.70914 8.70914 10.5 6.5 10.5ZM3.19117 8.74828C2.75497 8.10756 2.5 7.33356 2.5 6.5C2.5 4.29086 4.29086 2.5 6.5 2.5C7.33356 2.5 8.10756 2.75497 8.74828 3.19117L3.19117 8.74828ZM4.5 12.6865C3.96653 12.5142 3.46321 12.2747 3 11.9782V17.75C3 19.5449 4.45507 21 6.25 21H17.75C19.5449 21 21 19.5449 21 17.75V6.25C21 4.45507 19.5449 3 17.75 3H11.9782C12.2747 3.46321 12.5142 3.96653 12.6865 4.5H17.75C18.7165 4.5 19.5 5.2835 19.5 6.25V17.75C19.5 17.9588 19.4634 18.159 19.3964 18.3447L13.5742 12.6431L13.4458 12.5266C12.5675 11.7885 11.2589 11.8273 10.4258 12.643L4.60326 18.3437C4.53643 18.1583 4.5 17.9584 4.5 17.75V12.6865ZM12.5247 13.7148L18.3305 19.4014C18.1489 19.4653 17.9535 19.5 17.75 19.5H6.25C6.04613 19.5 5.8504 19.4651 5.66845 19.4011L11.4752 13.7148L11.5588 13.644C11.8501 13.4316 12.2596 13.4553 12.5247 13.7148ZM17.5042 8.75212C17.5042 7.50831 16.4959 6.5 15.2521 6.5C14.0083 6.5 13 7.50831 13 8.75212C13 9.99592 14.0083 11.0042 15.2521 11.0042C16.4959 11.0042 17.5042 9.99592 17.5042 8.75212ZM14.5 8.75212C14.5 8.33673 14.8367 8 15.2521 8C15.6675 8 16.0042 8.33673 16.0042 8.75212C16.0042 9.1675 15.6675 9.50423 15.2521 9.50423C14.8367 9.50423 14.5 9.1675 14.5 8.75212Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/image_prohibited_24_regular.svg";Details
| Name | Image Prohibited |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_image_prohibited_24_regular.svg |
| Filled file | ic_fluent_image_prohibited_24_filled.svg |
| React components | ImageProhibited24Regular, ImageProhibited24Filled |
| License | MIT (© Microsoft Corporation) |