simple logo icon
simple-logo from Health Icons by Resolve to Save Lives · Filled · Symbols · MIT Free for personal and commercial use.
- Name
- simple-logo
- Set
- Health Icons
- Style
- Filled
- Category
- Symbols
- Viewbox
- 48×48
- License
- MIT
1 other variant in Health Icons
More symbols icons from Health Icons
Use the simple logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M10.089 29.344c0 8.033 6.472 14.546 14.455 14.546C32.528 43.89 39 37.377 39 29.344C39 18.435 24.544 3.89 24.544 3.89S10.09 18.435 10.09 29.344m20.286 4.114a1.755 1.755 0 0 1 2.471-.325a1.78 1.78 0 0 1 .323 2.486l-.242.318c-4.233 5.537-12.532 5.537-16.765 0l-.242-.318a1.78 1.78 0 0 1 .322-2.486a1.755 1.755 0 0 1 2.472.325l.242.318c2.822 3.691 8.355 3.691 11.177 0z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsSimpleLogo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M10.089 29.344c0 8.033 6.472 14.546 14.455 14.546C32.528 43.89 39 37.377 39 29.344C39 18.435 24.544 3.89 24.544 3.89S10.09 18.435 10.09 29.344m20.286 4.114a1.755 1.755 0 0 1 2.471-.325a1.78 1.78 0 0 1 .323 2.486l-.242.318c-4.233 5.537-12.532 5.537-16.765 0l-.242-.318a1.78 1.78 0 0 1 .322-2.486a1.755 1.755 0 0 1 2.472.325l.242.318c2.822 3.691 8.355 3.691 11.177 0z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M10.089 29.344c0 8.033 6.472 14.546 14.455 14.546C32.528 43.89 39 37.377 39 29.344C39 18.435 24.544 3.89 24.544 3.89S10.09 18.435 10.09 29.344m20.286 4.114a1.755 1.755 0 0 1 2.471-.325a1.78 1.78 0 0 1 .323 2.486l-.242.318c-4.233 5.537-12.532 5.537-16.765 0l-.242-.318a1.78 1.78 0 0 1 .322-2.486a1.755 1.755 0 0 1 2.472.325l.242.318c2.822 3.691 8.355 3.691 11.177 0z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-simple-logo {
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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.089%2029.344c0%208.033%206.472%2014.546%2014.455%2014.546C32.528%2043.89%2039%2037.377%2039%2029.344C39%2018.435%2024.544%203.89%2024.544%203.89S10.09%2018.435%2010.09%2029.344m20.286%204.114a1.755%201.755%200%200%201%202.471-.325a1.78%201.78%200%200%201%20.323%202.486l-.242.318c-4.233%205.537-12.532%205.537-16.765%200l-.242-.318a1.78%201.78%200%200%201%20.322-2.486a1.755%201.755%200%200%201%202.472.325l.242.318c2.822%203.691%208.355%203.691%2011.177%200z%22%20clip-rule%3D%22evenodd%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M10.089%2029.344c0%208.033%206.472%2014.546%2014.455%2014.546C32.528%2043.89%2039%2037.377%2039%2029.344C39%2018.435%2024.544%203.89%2024.544%203.89S10.09%2018.435%2010.09%2029.344m20.286%204.114a1.755%201.755%200%200%201%202.471-.325a1.78%201.78%200%200%201%20.323%202.486l-.242.318c-4.233%205.537-12.532%205.537-16.765%200l-.242-.318a1.78%201.78%200%200%201%20.322-2.486a1.755%201.755%200%200%201%202.472.325l.242.318c2.822%203.691%208.355%203.691%2011.177%200z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/simple-logo.svg?color=%231a73e8&size=48
