gentleface

Gentleface › Science & education › lens-convex

lens-convex icon

Lens convex: convex lens, converging lens. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

SVGPNG 16PNG 32PNG 48

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M6.101 14.783C5.433 13.807 4.92 12.756 4.562 11.63C4.187 10.449 4 9.239 4 8C4 6.761 4.187 5.551 4.562 4.37C4.92 3.244 5.433 2.193 6.101 1.217C6.2 1.072 6.337 1 6.513 1L9.487 1C9.663 1 9.8 1.072 9.899 1.217C10.567 2.193 11.08 3.244 11.438 4.37C11.813 5.551 12 6.761 12 8C12 9.239 11.813 10.449 11.438 11.63C11.08 12.756 10.567 13.807 9.899 14.783C9.8 14.928 9.663 15 9.487 15L6.513 15C6.337 15 6.2 14.928 6.101 14.783ZM10.485 11.327C10.828 10.245 11 9.136 11 8C11 6.864 10.828 5.755 10.485 4.673C10.183 3.723 9.762 2.832 9.22 2L6.78 2C6.238 2.832 5.817 3.723 5.515 4.673C5.172 5.755 5 6.864 5 8C5 9.136 5.172 10.245 5.515 11.327C5.817 12.277 6.238 13.168 6.78 14L9.22 14C9.762 13.168 10.183 12.277 10.485 11.327Z"/></svg>
React
// Gentleface "lens-convex" (line-round), MIT. https://gentleface.com/icons/lens-convex
import type { SVGProps } from 'react';

export function LensConvexIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M6.101 14.783C5.433 13.807 4.92 12.756 4.562 11.63C4.187 10.449 4 9.239 4 8C4 6.761 4.187 5.551 4.562 4.37C4.92 3.244 5.433 2.193 6.101 1.217C6.2 1.072 6.337 1 6.513 1L9.487 1C9.663 1 9.8 1.072 9.899 1.217C10.567 2.193 11.08 3.244 11.438 4.37C11.813 5.551 12 6.761 12 8C12 9.239 11.813 10.449 11.438 11.63C11.08 12.756 10.567 13.807 9.899 14.783C9.8 14.928 9.663 15 9.487 15L6.513 15C6.337 15 6.2 14.928 6.101 14.783ZM10.485 11.327C10.828 10.245 11 9.136 11 8C11 6.864 10.828 5.755 10.485 4.673C10.183 3.723 9.762 2.832 9.22 2L6.78 2C6.238 2.832 5.817 3.723 5.515 4.673C5.172 5.755 5 6.864 5 8C5 9.136 5.172 10.245 5.515 11.327C5.817 12.277 6.238 13.168 6.78 14L9.22 14C9.762 13.168 10.183 12.277 10.485 11.327Z" />
    </svg>
  );
}
Vue
Vue: see /icons/lens-convex.md
Svelte
Svelte: see /icons/lens-convex.md
HTML img
HTML img: see /icons/lens-convex.md
CSS
CSS: see /icons/lens-convex.md
Data URL
Data URL: see /icons/lens-convex.md
Sprite
Sprite: see /icons/lens-convex.md
SwiftUI
SwiftUI: see /icons/lens-convex.md
Compose
Compose: see /icons/lens-convex.md
Android XML
Android XML: see /icons/lens-convex.md
Flutter
Flutter: see /icons/lens-convex.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { LensConvexIcon } from '@gentleface/react'; (setup).

Meaning

Use it for
convex lens, converging lens
Tags
convex lens, converging lens, biconvex, magnifying lens, optics, lens, focus, physics, refraction
Category
Science & education
Component name
LensConvexIcon
History
  • released in 0.2.0
  • added
Since
version 0.2.0

More science & education icons

atom beaker biohazard chalkboard dna flask flask-play galaxy graduation-cap lens-concave meteor microscope microscope-stage orbit planet quiz · all science & education icons

For agents

Metadata: /icons/lens-convex.json · Markdown: /icons/lens-convex.md · SVG: https://gentleface.com/svg/{style}/16/lens-convex.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/lens-convex.png