healthy recognition icon
healthy-recognition from IconPark by ByteDance · Color · Office · Apache-2.0 Free for personal and commercial use.
- Name
- healthy-recognition
- Set
- IconPark
- Style
- Color
- Category
- Office
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
More office icons from IconPark
Use the healthy recognition icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M6 33V39C6 40.6569 7.34315 42 9 42H15"/><path d="M33 42H39C40.6569 42 42 40.6569 42 39V33"/><path d="M42 15V9C42 7.34315 40.6569 6 39 6H33"/><path d="M6 15V9C6 7.34315 7.34315 6 9 6H15"/><path fill="#2F88FF" d="M34 24.0001L24 34.0001C24 34.0001 15.0002 25.0001 14 24.0001C12.9998 23.0001 12.5 21.0001 14 19.0001C15.5 17.0001 18.5 17.0001 20 18.0001C21.5001 19.0001 22.0001 20.0001 24 20.0001C26 20.0001 26.5001 19.0001 28 18.0001C29.5 17.0001 32.5003 17.0001 34.0003 19.0001C35.5003 21.0001 35 23.0001 34 24.0001Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkHealthyRecognition(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M6 33V39C6 40.6569 7.34315 42 9 42H15"/><path d="M33 42H39C40.6569 42 42 40.6569 42 39V33"/><path d="M42 15V9C42 7.34315 40.6569 6 39 6H33"/><path d="M6 15V9C6 7.34315 7.34315 6 9 6H15"/><path fill="#2F88FF" d="M34 24.0001L24 34.0001C24 34.0001 15.0002 25.0001 14 24.0001C12.9998 23.0001 12.5 21.0001 14 19.0001C15.5 17.0001 18.5 17.0001 20 18.0001C21.5001 19.0001 22.0001 20.0001 24 20.0001C26 20.0001 26.5001 19.0001 28 18.0001C29.5 17.0001 32.5003 17.0001 34.0003 19.0001C35.5003 21.0001 35 23.0001 34 24.0001Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M6 33V39C6 40.6569 7.34315 42 9 42H15"/><path d="M33 42H39C40.6569 42 42 40.6569 42 39V33"/><path d="M42 15V9C42 7.34315 40.6569 6 39 6H33"/><path d="M6 15V9C6 7.34315 7.34315 6 9 6H15"/><path fill="#2F88FF" d="M34 24.0001L24 34.0001C24 34.0001 15.0002 25.0001 14 24.0001C12.9998 23.0001 12.5 21.0001 14 19.0001C15.5 17.0001 18.5 17.0001 20 18.0001C21.5001 19.0001 22.0001 20.0001 24 20.0001C26 20.0001 26.5001 19.0001 28 18.0001C29.5 17.0001 32.5003 17.0001 34.0003 19.0001C35.5003 21.0001 35 23.0001 34 24.0001Z"/></g></svg> </template>
CSS
.icon-healthy-recognition {
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%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M6%2033V39C6%2040.6569%207.34315%2042%209%2042H15%22%2F%3E%3Cpath%20d%3D%22M33%2042H39C40.6569%2042%2042%2040.6569%2042%2039V33%22%2F%3E%3Cpath%20d%3D%22M42%2015V9C42%207.34315%2040.6569%206%2039%206H33%22%2F%3E%3Cpath%20d%3D%22M6%2015V9C6%207.34315%207.34315%206%209%206H15%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M34%2024.0001L24%2034.0001C24%2034.0001%2015.0002%2025.0001%2014%2024.0001C12.9998%2023.0001%2012.5%2021.0001%2014%2019.0001C15.5%2017.0001%2018.5%2017.0001%2020%2018.0001C21.5001%2019.0001%2022.0001%2020.0001%2024%2020.0001C26%2020.0001%2026.5001%2019.0001%2028%2018.0001C29.5%2017.0001%2032.5003%2017.0001%2034.0003%2019.0001C35.5003%2021.0001%2035%2023.0001%2034%2024.0001Z%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%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M6%2033V39C6%2040.6569%207.34315%2042%209%2042H15%22%2F%3E%3Cpath%20d%3D%22M33%2042H39C40.6569%2042%2042%2040.6569%2042%2039V33%22%2F%3E%3Cpath%20d%3D%22M42%2015V9C42%207.34315%2040.6569%206%2039%206H33%22%2F%3E%3Cpath%20d%3D%22M6%2015V9C6%207.34315%207.34315%206%209%206H15%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M34%2024.0001L24%2034.0001C24%2034.0001%2015.0002%2025.0001%2014%2024.0001C12.9998%2023.0001%2012.5%2021.0001%2014%2019.0001C15.5%2017.0001%2018.5%2017.0001%2020%2018.0001C21.5001%2019.0001%2022.0001%2020.0001%2024%2020.0001C26%2020.0001%2026.5001%2019.0001%2028%2018.0001C29.5%2017.0001%2032.5003%2017.0001%2034.0003%2019.0001C35.5003%2021.0001%2035%2023.0001%2034%2024.0001Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/healthy-recognition.svg?color=%231a73e8&size=48
