josemi/icons

webcam-slash

Download

Download the icon as SVG image.

Download Icon

Customize icon

Set your custom size or color and download the icon as SVG or PNG image.

Width

Height

Color

Get SVG

Get PNG

Using as SVG

Copy and paste the following SVG code into your HTML file where you want the icon to appear. Then, you can customize the SVG attributes, such as size or color, using inline styling or CSS classes.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
    <path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 3L21 21M8 16L4 21L20 21L16 16M12.4572 12.9654C12.3081 12.9882 12.1554 13 12 13C10.3431 13 9 11.6569 9 10C9 9.79301 9.02096 9.59091 9.06088 9.39572M12 7C13.6569 7 15 8.34315 15 10M8.43348 3.97545C9.47798 3.35577 10.6974 3 12 3C15.866 3 19 6.13401 19 10C19 11.2844 18.6541 12.4881 18.0503 13.5228M15.6555 15.9709C14.5915 16.6236 13.3397 17 12 17C8.13401 17 5 13.866 5 10C5 8.69897 5.35494 7.48085 5.97326 6.43717" />
</svg>

Using with React

Install @josemi-icons/react and import the icon component in your React application:

import {WebcamSlashIcon} from "@josemi-icons/react";

const MyComponent = () => {
    return (
        <WebcamSlashIcon />
    );
};

Using with CSS

Install @josemi-icons/css and include the icon as a CSS class:

<i class="ji-webcam-slash"></i>