sperm icon
sperm from Health Icons by Resolve to Save Lives · Filled · Contraceptives · MIT Free for personal and commercial use.
- Name
- sperm
- Set
- Health Icons
- Style
- Filled
- Category
- Contraceptives
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
The same icon in other sets
More contraceptives icons from Health Icons
Use the sperm 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="M29.587 16.464c.305-.305.369-.77.235-1.18c-.704-2.149.038-4.903 2.08-6.945c2.687-2.687 6.609-3.123 8.76-.973s1.713 6.072-.974 8.76c-2.018 2.017-4.73 2.766-6.868 2.104c-.406-.126-.862-.057-1.163.244l-.24.241a3.55 3.55 0 0 1-2.719 1.14l-3.224-.12c-2.464-.091-4.308 2.39-3.49 4.699l.273.774c1.29 3.647-1.644 7.562-5.534 7.38l-1.964-.09c-.969-.045-1.748.852-1.566 1.803l.31 1.628c.487 2.549-1.34 5.046-3.934 5.378l-1.46.188a1.467 1.467 0 1 1-.373-2.911l1.57-.202c.865-.11 1.474-.943 1.312-1.792l-.31-1.629c-.545-2.853 1.792-5.544 4.697-5.41l1.965.092c1.768.082 3.102-1.698 2.515-3.355l-.274-.774c-1.517-4.287 1.908-8.896 6.483-8.726l3.224.12a.5.5 0 0 0 .389-.162z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsSperm(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="M29.587 16.464c.305-.305.369-.77.235-1.18c-.704-2.149.038-4.903 2.08-6.945c2.687-2.687 6.609-3.123 8.76-.973s1.713 6.072-.974 8.76c-2.018 2.017-4.73 2.766-6.868 2.104c-.406-.126-.862-.057-1.163.244l-.24.241a3.55 3.55 0 0 1-2.719 1.14l-3.224-.12c-2.464-.091-4.308 2.39-3.49 4.699l.273.774c1.29 3.647-1.644 7.562-5.534 7.38l-1.964-.09c-.969-.045-1.748.852-1.566 1.803l.31 1.628c.487 2.549-1.34 5.046-3.934 5.378l-1.46.188a1.467 1.467 0 1 1-.373-2.911l1.57-.202c.865-.11 1.474-.943 1.312-1.792l-.31-1.629c-.545-2.853 1.792-5.544 4.697-5.41l1.965.092c1.768.082 3.102-1.698 2.515-3.355l-.274-.774c-1.517-4.287 1.908-8.896 6.483-8.726l3.224.12a.5.5 0 0 0 .389-.162z" 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="M29.587 16.464c.305-.305.369-.77.235-1.18c-.704-2.149.038-4.903 2.08-6.945c2.687-2.687 6.609-3.123 8.76-.973s1.713 6.072-.974 8.76c-2.018 2.017-4.73 2.766-6.868 2.104c-.406-.126-.862-.057-1.163.244l-.24.241a3.55 3.55 0 0 1-2.719 1.14l-3.224-.12c-2.464-.091-4.308 2.39-3.49 4.699l.273.774c1.29 3.647-1.644 7.562-5.534 7.38l-1.964-.09c-.969-.045-1.748.852-1.566 1.803l.31 1.628c.487 2.549-1.34 5.046-3.934 5.378l-1.46.188a1.467 1.467 0 1 1-.373-2.911l1.57-.202c.865-.11 1.474-.943 1.312-1.792l-.31-1.629c-.545-2.853 1.792-5.544 4.697-5.41l1.965.092c1.768.082 3.102-1.698 2.515-3.355l-.274-.774c-1.517-4.287 1.908-8.896 6.483-8.726l3.224.12a.5.5 0 0 0 .389-.162z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-sperm {
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%22M29.587%2016.464c.305-.305.369-.77.235-1.18c-.704-2.149.038-4.903%202.08-6.945c2.687-2.687%206.609-3.123%208.76-.973s1.713%206.072-.974%208.76c-2.018%202.017-4.73%202.766-6.868%202.104c-.406-.126-.862-.057-1.163.244l-.24.241a3.55%203.55%200%200%201-2.719%201.14l-3.224-.12c-2.464-.091-4.308%202.39-3.49%204.699l.273.774c1.29%203.647-1.644%207.562-5.534%207.38l-1.964-.09c-.969-.045-1.748.852-1.566%201.803l.31%201.628c.487%202.549-1.34%205.046-3.934%205.378l-1.46.188a1.467%201.467%200%201%201-.373-2.911l1.57-.202c.865-.11%201.474-.943%201.312-1.792l-.31-1.629c-.545-2.853%201.792-5.544%204.697-5.41l1.965.092c1.768.082%203.102-1.698%202.515-3.355l-.274-.774c-1.517-4.287%201.908-8.896%206.483-8.726l3.224.12a.5.5%200%200%200%20.389-.162z%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%22M29.587%2016.464c.305-.305.369-.77.235-1.18c-.704-2.149.038-4.903%202.08-6.945c2.687-2.687%206.609-3.123%208.76-.973s1.713%206.072-.974%208.76c-2.018%202.017-4.73%202.766-6.868%202.104c-.406-.126-.862-.057-1.163.244l-.24.241a3.55%203.55%200%200%201-2.719%201.14l-3.224-.12c-2.464-.091-4.308%202.39-3.49%204.699l.273.774c1.29%203.647-1.644%207.562-5.534%207.38l-1.964-.09c-.969-.045-1.748.852-1.566%201.803l.31%201.628c.487%202.549-1.34%205.046-3.934%205.378l-1.46.188a1.467%201.467%200%201%201-.373-2.911l1.57-.202c.865-.11%201.474-.943%201.312-1.792l-.31-1.629c-.545-2.853%201.792-5.544%204.697-5.41l1.965.092c1.768.082%203.102-1.698%202.515-3.355l-.274-.774c-1.517-4.287%201.908-8.896%206.483-8.726l3.224.12a.5.5%200%200%200%20.389-.162z%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/sperm.svg?color=%231a73e8&size=48
