# circuit-capacitor-polarized-curved icon Circuit capacitor polarized curved. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/circuit-capacitor-polarized-curved - Category: Science & education - Use it for: polarized capacitor, electrolytic capacitor - Built from: variant of circuit-capacitor-polarized - Tags: polarized capacitor, electrolytic, capacitor, plus, positive, electronics, electrical, schematic, circuit, symbol - Family: circuit-capacitor-polarized - Component name: CircuitCapacitorPolarizedCurvedIcon - Added: 2026-11-12 ## Files Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. - line-round: https://gentleface.com/svg/line-round/16/circuit-capacitor-polarized-curved.svg · PNG https://gentleface.com/png/line-round/16/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/line-round/32/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/line-round/48/circuit-capacitor-polarized-curved.png - line-soft: https://gentleface.com/svg/line-soft/16/circuit-capacitor-polarized-curved.svg · PNG https://gentleface.com/png/line-soft/16/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/line-soft/32/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/line-soft/48/circuit-capacitor-polarized-curved.png - line-sharp: https://gentleface.com/svg/line-sharp/16/circuit-capacitor-polarized-curved.svg · PNG https://gentleface.com/png/line-sharp/16/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/line-sharp/32/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/line-sharp/48/circuit-capacitor-polarized-curved.png - solid-round: https://gentleface.com/svg/solid-round/16/circuit-capacitor-polarized-curved.svg · PNG https://gentleface.com/png/solid-round/16/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/solid-round/32/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/solid-round/48/circuit-capacitor-polarized-curved.png - solid-soft: https://gentleface.com/svg/solid-soft/16/circuit-capacitor-polarized-curved.svg · PNG https://gentleface.com/png/solid-soft/16/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/solid-soft/32/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/solid-soft/48/circuit-capacitor-polarized-curved.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/circuit-capacitor-polarized-curved.svg · PNG https://gentleface.com/png/solid-sharp/16/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/solid-sharp/32/circuit-capacitor-polarized-curved.png · https://gentleface.com/png/solid-sharp/48/circuit-capacitor-polarized-curved.png The SVG of every style: https://gentleface.com/icons/circuit-capacitor-polarized-curved.json (`svg`). ## Code (line-round) 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. For another style, take its SVG from the JSON and swap the path `d`. ### SVG ```svg ``` ### React ```tsx // Gentleface "circuit-capacitor-polarized-curved" (line-round), MIT. https://gentleface.com/icons/circuit-capacitor-polarized-curved import type { SVGProps } from 'react'; export function CircuitCapacitorPolarizedCurvedIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "circuit-capacitor-polarized-curved" (line-round), MIT. https://gentleface.com/icons/circuit-capacitor-polarized-curved. Takes the text color. */ .icon-circuit-capacitor-polarized-curved { display: inline-block; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L9.026 8C9.136 9.058 9.594 10.125 10.4 11.2C10.483 11.31 10.514 11.434 10.495 11.571C10.475 11.707 10.41 11.817 10.3 11.9C10.19 11.983 10.066 12.014 9.929 11.995C9.793 11.975 9.683 11.91 9.6 11.8C8.533 10.378 8 8.944 8 7.5C8 6.056 8.533 4.622 9.6 3.2C9.683 3.09 9.793 3.025 9.929 3.005C10.066 2.985 10.19 3.017 10.3 3.1C10.413 3.185 10.479 3.294 10.498 3.429C10.517 3.564 10.485 3.687 10.4 3.8C9.594 4.875 9.136 5.942 9.026 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L6 7L6 3.5C6 3.359 6.048 3.241 6.144 3.144C6.241 3.048 6.359 3 6.5 3C6.641 3 6.759 3.048 6.856 3.144C6.952 3.241 7 3.359 7 3.5L7 11.5C7 11.641 6.952 11.759 6.856 11.856C6.759 11.952 6.641 12 6.5 12C6.359 12 6.241 11.952 6.144 11.856C6.048 11.759 6 11.641 6 11.5L6 8L1.5 8Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L9.026 8C9.136 9.058 9.594 10.125 10.4 11.2C10.483 11.31 10.514 11.434 10.495 11.571C10.475 11.707 10.41 11.817 10.3 11.9C10.19 11.983 10.066 12.014 9.929 11.995C9.793 11.975 9.683 11.91 9.6 11.8C8.533 10.378 8 8.944 8 7.5C8 6.056 8.533 4.622 9.6 3.2C9.683 3.09 9.793 3.025 9.929 3.005C10.066 2.985 10.19 3.017 10.3 3.1C10.413 3.185 10.479 3.294 10.498 3.429C10.517 3.564 10.485 3.687 10.4 3.8C9.594 4.875 9.136 5.942 9.026 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L6 7L6 3.5C6 3.359 6.048 3.241 6.144 3.144C6.241 3.048 6.359 3 6.5 3C6.641 3 6.759 3.048 6.856 3.144C6.952 3.241 7 3.359 7 3.5L7 11.5C7 11.641 6.952 11.759 6.856 11.856C6.759 11.952 6.641 12 6.5 12C6.359 12 6.241 11.952 6.144 11.856C6.048 11.759 6 11.641 6 11.5L6 8L1.5 8Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } ``` ### Data URL ```text data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L9.026 8C9.136 9.058 9.594 10.125 10.4 11.2C10.483 11.31 10.514 11.434 10.495 11.571C10.475 11.707 10.41 11.817 10.3 11.9C10.19 11.983 10.066 12.014 9.929 11.995C9.793 11.975 9.683 11.91 9.6 11.8C8.533 10.378 8 8.944 8 7.5C8 6.056 8.533 4.622 9.6 3.2C9.683 3.09 9.793 3.025 9.929 3.005C10.066 2.985 10.19 3.017 10.3 3.1C10.413 3.185 10.479 3.294 10.498 3.429C10.517 3.564 10.485 3.687 10.4 3.8C9.594 4.875 9.136 5.942 9.026 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L6 7L6 3.5C6 3.359 6.048 3.241 6.144 3.144C6.241 3.048 6.359 3 6.5 3C6.641 3 6.759 3.048 6.856 3.144C6.952 3.241 7 3.359 7 3.5L7 11.5C7 11.641 6.952 11.759 6.856 11.856C6.759 11.952 6.641 12 6.5 12C6.359 12 6.241 11.952 6.144 11.856C6.048 11.759 6 11.641 6 11.5L6 8L1.5 8Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "circuit-capacitor-polarized-curved" (line-round), MIT. https://gentleface.com/icons/circuit-capacitor-polarized-curved import SwiftUI struct CircuitCapacitorPolarizedCurvedIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 13.856, y: 7.144)) p.addCurve(to: CGPoint(x: 14, y: 7.5), control1: CGPoint(x: 13.952, y: 7.241), control2: CGPoint(x: 14, y: 7.359)) p.addCurve(to: CGPoint(x: 13.856, y: 7.856), control1: CGPoint(x: 14, y: 7.641), control2: CGPoint(x: 13.952, y: 7.759)) p.addCurve(to: CGPoint(x: 13.5, y: 8), control1: CGPoint(x: 13.759, y: 7.952), control2: CGPoint(x: 13.641, y: 8)) p.addLine(to: CGPoint(x: 9.026, y: 8)) p.addCurve(to: CGPoint(x: 10.4, y: 11.2), control1: CGPoint(x: 9.136, y: 9.058), control2: CGPoint(x: 9.594, y: 10.125)) p.addCurve(to: CGPoint(x: 10.495, y: 11.571), control1: CGPoint(x: 10.483, y: 11.31), control2: CGPoint(x: 10.514, y: 11.434)) p.addCurve(to: CGPoint(x: 10.3, y: 11.9), control1: CGPoint(x: 10.475, y: 11.707), control2: CGPoint(x: 10.41, y: 11.817)) p.addCurve(to: CGPoint(x: 9.929, y: 11.995), control1: CGPoint(x: 10.19, y: 11.983), control2: CGPoint(x: 10.066, y: 12.014)) p.addCurve(to: CGPoint(x: 9.6, y: 11.8), control1: CGPoint(x: 9.793, y: 11.975), control2: CGPoint(x: 9.683, y: 11.91)) p.addCurve(to: CGPoint(x: 8, y: 7.5), control1: CGPoint(x: 8.533, y: 10.378), control2: CGPoint(x: 8, y: 8.944)) p.addCurve(to: CGPoint(x: 9.6, y: 3.2), control1: CGPoint(x: 8, y: 6.056), control2: CGPoint(x: 8.533, y: 4.622)) p.addCurve(to: CGPoint(x: 9.929, y: 3.005), control1: CGPoint(x: 9.683, y: 3.09), control2: CGPoint(x: 9.793, y: 3.025)) p.addCurve(to: CGPoint(x: 10.3, y: 3.1), control1: CGPoint(x: 10.066, y: 2.985), control2: CGPoint(x: 10.19, y: 3.017)) p.addCurve(to: CGPoint(x: 10.498, y: 3.429), control1: CGPoint(x: 10.413, y: 3.185), control2: CGPoint(x: 10.479, y: 3.294)) p.addCurve(to: CGPoint(x: 10.4, y: 3.8), control1: CGPoint(x: 10.517, y: 3.564), control2: CGPoint(x: 10.485, y: 3.687)) p.addCurve(to: CGPoint(x: 9.026, y: 7), control1: CGPoint(x: 9.594, y: 4.875), control2: CGPoint(x: 9.136, y: 5.942)) p.addLine(to: CGPoint(x: 13.5, y: 7)) p.addCurve(to: CGPoint(x: 13.856, y: 7.144), control1: CGPoint(x: 13.641, y: 7), control2: CGPoint(x: 13.759, y: 7.048)) p.closeSubpath() p.move(to: CGPoint(x: 1.5, y: 8)) p.addCurve(to: CGPoint(x: 1.144, y: 7.856), control1: CGPoint(x: 1.359, y: 8), control2: CGPoint(x: 1.241, y: 7.952)) p.addCurve(to: CGPoint(x: 1, y: 7.5), control1: CGPoint(x: 1.048, y: 7.759), control2: CGPoint(x: 1, y: 7.641)) p.addCurve(to: CGPoint(x: 1.144, y: 7.144), control1: CGPoint(x: 1, y: 7.359), control2: CGPoint(x: 1.048, y: 7.241)) p.addCurve(to: CGPoint(x: 1.5, y: 7), control1: CGPoint(x: 1.241, y: 7.048), control2: CGPoint(x: 1.359, y: 7)) p.addLine(to: CGPoint(x: 6, y: 7)) p.addLine(to: CGPoint(x: 6, y: 3.5)) p.addCurve(to: CGPoint(x: 6.144, y: 3.144), control1: CGPoint(x: 6, y: 3.359), control2: CGPoint(x: 6.048, y: 3.241)) p.addCurve(to: CGPoint(x: 6.5, y: 3), control1: CGPoint(x: 6.241, y: 3.048), control2: CGPoint(x: 6.359, y: 3)) p.addCurve(to: CGPoint(x: 6.856, y: 3.144), control1: CGPoint(x: 6.641, y: 3), control2: CGPoint(x: 6.759, y: 3.048)) p.addCurve(to: CGPoint(x: 7, y: 3.5), control1: CGPoint(x: 6.952, y: 3.241), control2: CGPoint(x: 7, y: 3.359)) p.addLine(to: CGPoint(x: 7, y: 11.5)) p.addCurve(to: CGPoint(x: 6.856, y: 11.856), control1: CGPoint(x: 7, y: 11.641), control2: CGPoint(x: 6.952, y: 11.759)) p.addCurve(to: CGPoint(x: 6.5, y: 12), control1: CGPoint(x: 6.759, y: 11.952), control2: CGPoint(x: 6.641, y: 12)) p.addCurve(to: CGPoint(x: 6.144, y: 11.856), control1: CGPoint(x: 6.359, y: 12), control2: CGPoint(x: 6.241, y: 11.952)) p.addCurve(to: CGPoint(x: 6, y: 11.5), control1: CGPoint(x: 6.048, y: 11.759), control2: CGPoint(x: 6, y: 11.641)) p.addLine(to: CGPoint(x: 6, y: 8)) p.addLine(to: CGPoint(x: 1.5, y: 8)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // CircuitCapacitorPolarizedCurvedIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "circuit-capacitor-polarized-curved" (line-round), MIT. https://gentleface.com/icons/circuit-capacitor-polarized-curved import androidx.compose.ui.graphics.Color import androidx.compose.ui.graphics.SolidColor import androidx.compose.ui.graphics.vector.ImageVector import androidx.compose.ui.graphics.vector.addPathNodes import androidx.compose.ui.unit.dp val CircuitCapacitorPolarizedCurvedIcon: ImageVector by lazy { ImageVector.Builder( name = "circuit-capacitor-polarized-curved", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L9.026 8C9.136 9.058 9.594 10.125 10.4 11.2C10.483 11.31 10.514 11.434 10.495 11.571C10.475 11.707 10.41 11.817 10.3 11.9C10.19 11.983 10.066 12.014 9.929 11.995C9.793 11.975 9.683 11.91 9.6 11.8C8.533 10.378 8 8.944 8 7.5C8 6.056 8.533 4.622 9.6 3.2C9.683 3.09 9.793 3.025 9.929 3.005C10.066 2.985 10.19 3.017 10.3 3.1C10.413 3.185 10.479 3.294 10.498 3.429C10.517 3.564 10.485 3.687 10.4 3.8C9.594 4.875 9.136 5.942 9.026 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L6 7L6 3.5C6 3.359 6.048 3.241 6.144 3.144C6.241 3.048 6.359 3 6.5 3C6.641 3 6.759 3.048 6.856 3.144C6.952 3.241 7 3.359 7 3.5L7 11.5C7 11.641 6.952 11.759 6.856 11.856C6.759 11.952 6.641 12 6.5 12C6.359 12 6.241 11.952 6.144 11.856C6.048 11.759 6 11.641 6 11.5L6 8L1.5 8Z"), fill = SolidColor(Color.Black), ).build() } // Icon(CircuitCapacitorPolarizedCurvedIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "circuit-capacitor-polarized-curved" (line-round), MIT. https://gentleface.com/icons/circuit-capacitor-polarized-curved import 'package:flutter/widgets.dart'; class CircuitCapacitorPolarizedCurvedIcon extends StatelessWidget { const CircuitCapacitorPolarizedCurvedIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _CircuitCapacitorPolarizedCurvedIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _CircuitCapacitorPolarizedCurvedIconPainter extends CustomPainter { _CircuitCapacitorPolarizedCurvedIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(13.856, 7.144) ..cubicTo(13.952, 7.241, 14, 7.359, 14, 7.5) ..cubicTo(14, 7.641, 13.952, 7.759, 13.856, 7.856) ..cubicTo(13.759, 7.952, 13.641, 8, 13.5, 8) ..lineTo(9.026, 8) ..cubicTo(9.136, 9.058, 9.594, 10.125, 10.4, 11.2) ..cubicTo(10.483, 11.31, 10.514, 11.434, 10.495, 11.571) ..cubicTo(10.475, 11.707, 10.41, 11.817, 10.3, 11.9) ..cubicTo(10.19, 11.983, 10.066, 12.014, 9.929, 11.995) ..cubicTo(9.793, 11.975, 9.683, 11.91, 9.6, 11.8) ..cubicTo(8.533, 10.378, 8, 8.944, 8, 7.5) ..cubicTo(8, 6.056, 8.533, 4.622, 9.6, 3.2) ..cubicTo(9.683, 3.09, 9.793, 3.025, 9.929, 3.005) ..cubicTo(10.066, 2.985, 10.19, 3.017, 10.3, 3.1) ..cubicTo(10.413, 3.185, 10.479, 3.294, 10.498, 3.429) ..cubicTo(10.517, 3.564, 10.485, 3.687, 10.4, 3.8) ..cubicTo(9.594, 4.875, 9.136, 5.942, 9.026, 7) ..lineTo(13.5, 7) ..cubicTo(13.641, 7, 13.759, 7.048, 13.856, 7.144) ..close() ..moveTo(1.5, 8) ..cubicTo(1.359, 8, 1.241, 7.952, 1.144, 7.856) ..cubicTo(1.048, 7.759, 1, 7.641, 1, 7.5) ..cubicTo(1, 7.359, 1.048, 7.241, 1.144, 7.144) ..cubicTo(1.241, 7.048, 1.359, 7, 1.5, 7) ..lineTo(6, 7) ..lineTo(6, 3.5) ..cubicTo(6, 3.359, 6.048, 3.241, 6.144, 3.144) ..cubicTo(6.241, 3.048, 6.359, 3, 6.5, 3) ..cubicTo(6.641, 3, 6.759, 3.048, 6.856, 3.144) ..cubicTo(6.952, 3.241, 7, 3.359, 7, 3.5) ..lineTo(7, 11.5) ..cubicTo(7, 11.641, 6.952, 11.759, 6.856, 11.856) ..cubicTo(6.759, 11.952, 6.641, 12, 6.5, 12) ..cubicTo(6.359, 12, 6.241, 11.952, 6.144, 11.856) ..cubicTo(6.048, 11.759, 6, 11.641, 6, 11.5) ..lineTo(6, 8) ..lineTo(1.5, 8) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_CircuitCapacitorPolarizedCurvedIconPainter old) => old.color != color; } ```