hazardous icon
hazardous-outline from Health Icons by Resolve to Save Lives · Outline · Symbols · MIT Free for personal and commercial use.
- Name
- hazardous-outline
- Set
- Health Icons
- Style
- Outline
- Category
- Symbols
- Viewbox
- 48×48
- License
- MIT
- Aliases
- hazardous2x-outline
3 other variants in Health Icons
More symbols icons from Health Icons
Use the hazardous icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M31.915 37.44L27.701 30c-.44.339-.93.619-1.46.827a6.1 6.1 0 0 1-2.24.422c-.793 0-1.55-.15-2.242-.422A6 6 0 0 1 20.3 30l-4.216 7.44a.64.64 0 0 0-.059.495a.66.66 0 0 0 .315.393c4.667 2.61 10.654 2.61 15.318 0a.66.66 0 0 0 .317-.393a.64.64 0 0 0-.06-.495m-10.848-4.736l-2.536 4.476c3.44 1.474 7.5 1.474 10.938 0l-2.536-4.476c-.91.352-1.9.545-2.933.545a8.1 8.1 0 0 1-2.933-.546m-12.468-8.64l8.55.07a6 6 0 0 1 .014-1.677a6.1 6.1 0 0 1 .755-2.152a6.1 6.1 0 0 1 1.486-1.73a6 6 0 0 1 1.446-.85l-4.336-7.371a.64.64 0 0 0-.398-.299a.66.66 0 0 0-.499.077c-4.593 2.736-7.587 7.92-7.659 13.265a.66.66 0 0 0 .183.471c.12.125.284.195.458.196m9.526-7.027l-2.608-4.434c-2.997 2.241-5.027 5.758-5.47 9.473l5.145.042c.15-.964.477-1.918.994-2.813a8.1 8.1 0 0 1 1.94-2.268m13.36-6.54l-4.336 7.37c.513.212 1 .497 1.445.85a6.1 6.1 0 0 1 1.487 1.73c.396.687.645 1.417.754 2.152c.084.562.087 1.127.014 1.677l8.551-.069a.64.64 0 0 0 .458-.196a.66.66 0 0 0 .183-.47c-.073-5.346-3.066-10.53-7.659-13.265a.66.66 0 0 0-.498-.078a.64.64 0 0 0-.4.299m1.322 11.763l5.145-.041c-.443-3.717-2.474-7.233-5.47-9.473l-2.608 4.434a8.1 8.1 0 0 1 1.939 2.267c.516.895.844 1.85.994 2.813M24 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6m0 2a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path d="M24 42c9.941 0 18-8.059 18-18S33.941 6 24 6S6 14.059 6 24s8.059 18 18 18m0 2c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsHazardousOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fillRule="evenodd" clipRule="evenodd"><path d="M31.915 37.44L27.701 30c-.44.339-.93.619-1.46.827a6.1 6.1 0 0 1-2.24.422c-.793 0-1.55-.15-2.242-.422A6 6 0 0 1 20.3 30l-4.216 7.44a.64.64 0 0 0-.059.495a.66.66 0 0 0 .315.393c4.667 2.61 10.654 2.61 15.318 0a.66.66 0 0 0 .317-.393a.64.64 0 0 0-.06-.495m-10.848-4.736l-2.536 4.476c3.44 1.474 7.5 1.474 10.938 0l-2.536-4.476c-.91.352-1.9.545-2.933.545a8.1 8.1 0 0 1-2.933-.546m-12.468-8.64l8.55.07a6 6 0 0 1 .014-1.677a6.1 6.1 0 0 1 .755-2.152a6.1 6.1 0 0 1 1.486-1.73a6 6 0 0 1 1.446-.85l-4.336-7.371a.64.64 0 0 0-.398-.299a.66.66 0 0 0-.499.077c-4.593 2.736-7.587 7.92-7.659 13.265a.66.66 0 0 0 .183.471c.12.125.284.195.458.196m9.526-7.027l-2.608-4.434c-2.997 2.241-5.027 5.758-5.47 9.473l5.145.042c.15-.964.477-1.918.994-2.813a8.1 8.1 0 0 1 1.94-2.268m13.36-6.54l-4.336 7.37c.513.212 1 .497 1.445.85a6.1 6.1 0 0 1 1.487 1.73c.396.687.645 1.417.754 2.152c.084.562.087 1.127.014 1.677l8.551-.069a.64.64 0 0 0 .458-.196a.66.66 0 0 0 .183-.47c-.073-5.346-3.066-10.53-7.659-13.265a.66.66 0 0 0-.498-.078a.64.64 0 0 0-.4.299m1.322 11.763l5.145-.041c-.443-3.717-2.474-7.233-5.47-9.473l-2.608 4.434a8.1 8.1 0 0 1 1.939 2.267c.516.895.844 1.85.994 2.813M24 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6m0 2a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path d="M24 42c9.941 0 18-8.059 18-18S33.941 6 24 6S6 14.059 6 24s8.059 18 18 18m0 2c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M31.915 37.44L27.701 30c-.44.339-.93.619-1.46.827a6.1 6.1 0 0 1-2.24.422c-.793 0-1.55-.15-2.242-.422A6 6 0 0 1 20.3 30l-4.216 7.44a.64.64 0 0 0-.059.495a.66.66 0 0 0 .315.393c4.667 2.61 10.654 2.61 15.318 0a.66.66 0 0 0 .317-.393a.64.64 0 0 0-.06-.495m-10.848-4.736l-2.536 4.476c3.44 1.474 7.5 1.474 10.938 0l-2.536-4.476c-.91.352-1.9.545-2.933.545a8.1 8.1 0 0 1-2.933-.546m-12.468-8.64l8.55.07a6 6 0 0 1 .014-1.677a6.1 6.1 0 0 1 .755-2.152a6.1 6.1 0 0 1 1.486-1.73a6 6 0 0 1 1.446-.85l-4.336-7.371a.64.64 0 0 0-.398-.299a.66.66 0 0 0-.499.077c-4.593 2.736-7.587 7.92-7.659 13.265a.66.66 0 0 0 .183.471c.12.125.284.195.458.196m9.526-7.027l-2.608-4.434c-2.997 2.241-5.027 5.758-5.47 9.473l5.145.042c.15-.964.477-1.918.994-2.813a8.1 8.1 0 0 1 1.94-2.268m13.36-6.54l-4.336 7.37c.513.212 1 .497 1.445.85a6.1 6.1 0 0 1 1.487 1.73c.396.687.645 1.417.754 2.152c.084.562.087 1.127.014 1.677l8.551-.069a.64.64 0 0 0 .458-.196a.66.66 0 0 0 .183-.47c-.073-5.346-3.066-10.53-7.659-13.265a.66.66 0 0 0-.498-.078a.64.64 0 0 0-.4.299m1.322 11.763l5.145-.041c-.443-3.717-2.474-7.233-5.47-9.473l-2.608 4.434a8.1 8.1 0 0 1 1.939 2.267c.516.895.844 1.85.994 2.813M24 27a3 3 0 1 0 0-6a3 3 0 0 0 0 6m0 2a5 5 0 1 0 0-10a5 5 0 0 0 0 10"/><path d="M24 42c9.941 0 18-8.059 18-18S33.941 6 24 6S6 14.059 6 24s8.059 18 18 18m0 2c11.046 0 20-8.954 20-20S35.046 4 24 4S4 12.954 4 24s8.954 20 20 20"/></g></svg> </template>
CSS
.icon-hazardous-outline {
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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M31.915%2037.44L27.701%2030c-.44.339-.93.619-1.46.827a6.1%206.1%200%200%201-2.24.422c-.793%200-1.55-.15-2.242-.422A6%206%200%200%201%2020.3%2030l-4.216%207.44a.64.64%200%200%200-.059.495a.66.66%200%200%200%20.315.393c4.667%202.61%2010.654%202.61%2015.318%200a.66.66%200%200%200%20.317-.393a.64.64%200%200%200-.06-.495m-10.848-4.736l-2.536%204.476c3.44%201.474%207.5%201.474%2010.938%200l-2.536-4.476c-.91.352-1.9.545-2.933.545a8.1%208.1%200%200%201-2.933-.546m-12.468-8.64l8.55.07a6%206%200%200%201%20.014-1.677a6.1%206.1%200%200%201%20.755-2.152a6.1%206.1%200%200%201%201.486-1.73a6%206%200%200%201%201.446-.85l-4.336-7.371a.64.64%200%200%200-.398-.299a.66.66%200%200%200-.499.077c-4.593%202.736-7.587%207.92-7.659%2013.265a.66.66%200%200%200%20.183.471c.12.125.284.195.458.196m9.526-7.027l-2.608-4.434c-2.997%202.241-5.027%205.758-5.47%209.473l5.145.042c.15-.964.477-1.918.994-2.813a8.1%208.1%200%200%201%201.94-2.268m13.36-6.54l-4.336%207.37c.513.212%201%20.497%201.445.85a6.1%206.1%200%200%201%201.487%201.73c.396.687.645%201.417.754%202.152c.084.562.087%201.127.014%201.677l8.551-.069a.64.64%200%200%200%20.458-.196a.66.66%200%200%200%20.183-.47c-.073-5.346-3.066-10.53-7.659-13.265a.66.66%200%200%200-.498-.078a.64.64%200%200%200-.4.299m1.322%2011.763l5.145-.041c-.443-3.717-2.474-7.233-5.47-9.473l-2.608%204.434a8.1%208.1%200%200%201%201.939%202.267c.516.895.844%201.85.994%202.813M24%2027a3%203%200%201%200%200-6a3%203%200%200%200%200%206m0%202a5%205%200%201%200%200-10a5%205%200%200%200%200%2010%22%2F%3E%3Cpath%20d%3D%22M24%2042c9.941%200%2018-8.059%2018-18S33.941%206%2024%206S6%2014.059%206%2024s8.059%2018%2018%2018m0%202c11.046%200%2020-8.954%2020-20S35.046%204%2024%204S4%2012.954%204%2024s8.954%2020%2020%2020%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%2048%2048%22%3E%3Cg%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M31.915%2037.44L27.701%2030c-.44.339-.93.619-1.46.827a6.1%206.1%200%200%201-2.24.422c-.793%200-1.55-.15-2.242-.422A6%206%200%200%201%2020.3%2030l-4.216%207.44a.64.64%200%200%200-.059.495a.66.66%200%200%200%20.315.393c4.667%202.61%2010.654%202.61%2015.318%200a.66.66%200%200%200%20.317-.393a.64.64%200%200%200-.06-.495m-10.848-4.736l-2.536%204.476c3.44%201.474%207.5%201.474%2010.938%200l-2.536-4.476c-.91.352-1.9.545-2.933.545a8.1%208.1%200%200%201-2.933-.546m-12.468-8.64l8.55.07a6%206%200%200%201%20.014-1.677a6.1%206.1%200%200%201%20.755-2.152a6.1%206.1%200%200%201%201.486-1.73a6%206%200%200%201%201.446-.85l-4.336-7.371a.64.64%200%200%200-.398-.299a.66.66%200%200%200-.499.077c-4.593%202.736-7.587%207.92-7.659%2013.265a.66.66%200%200%200%20.183.471c.12.125.284.195.458.196m9.526-7.027l-2.608-4.434c-2.997%202.241-5.027%205.758-5.47%209.473l5.145.042c.15-.964.477-1.918.994-2.813a8.1%208.1%200%200%201%201.94-2.268m13.36-6.54l-4.336%207.37c.513.212%201%20.497%201.445.85a6.1%206.1%200%200%201%201.487%201.73c.396.687.645%201.417.754%202.152c.084.562.087%201.127.014%201.677l8.551-.069a.64.64%200%200%200%20.458-.196a.66.66%200%200%200%20.183-.47c-.073-5.346-3.066-10.53-7.659-13.265a.66.66%200%200%200-.498-.078a.64.64%200%200%200-.4.299m1.322%2011.763l5.145-.041c-.443-3.717-2.474-7.233-5.47-9.473l-2.608%204.434a8.1%208.1%200%200%201%201.939%202.267c.516.895.844%201.85.994%202.813M24%2027a3%203%200%201%200%200-6a3%203%200%200%200%200%206m0%202a5%205%200%201%200%200-10a5%205%200%200%200%200%2010%22%2F%3E%3Cpath%20d%3D%22M24%2042c9.941%200%2018-8.059%2018-18S33.941%206%2024%206S6%2014.059%206%2024s8.059%2018%2018%2018m0%202c11.046%200%2020-8.954%2020-20S35.046%204%2024%204S4%2012.954%204%2024s8.954%2020%2020%2020%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/hazardous-outline.svg?color=%231a73e8&size=48
