Embed this icon within HTML

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 as a React Component

You can integrate this icon in your React application using our React icons components. First install the package using YARN or NPM:

$ yarn add @josemi-icons/react

Now you can import this icon in your React application

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

Alternatively, if you only need this icon jou can just copy and paste the following component into your React application:

const WebcamSlashIcon = () => (
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="1em" height="1em">
        <path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="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>
);

You can now use the icon component in your React application like any other React component.