# candlestick-chart-shield icon Candlestick chart shield. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/candlestick-chart-shield - Category: Charts & data - Use it for: stop loss, trailing stop, downside protection - Example: Attach a stop loss to the position - Built from: candlestick-chart + shield - Tags: candlestick, candle, stock, ohlc, trading, market, price, chart, finance, shield - Family: candlestick-chart, activity, activity-alert, activity-check, activity-gear, activity-off, activity-plus, activity-search, activity-sparkle, activity-user, area-chart, area-chart-stacked, axis-x, bar-chart, bar-chart-alert, bar-chart-arrow-down, bar-chart-arrow-up, bar-chart-clock, bar-chart-gear, bar-chart-grouped, bar-chart-grouped-filled, bar-chart-horizontal, bar-chart-link, bar-chart-off, bar-chart-pencil, bar-chart-plus, bar-chart-search, bar-chart-sparkle, bar-chart-stacked, bar-chart-threshold, bar-chart-x, bubble-chart, candlestick-chart-pause, candlestick-chart-play, candlestick-chart-swap, candlestick-chart-user, cohort-chart, combo-chart, donut-chart, funnel-chart, gantt-chart, heatmap, histogram, line-chart, line-chart-forecast, pie-chart, radar-chart, sankey-chart, sankey-chart-three, scatter-chart, treemap, trending-down, trending-up, trending-up-alert, trending-up-check, trending-up-down, trending-up-sparkle, venn-diagram, waterfall-chart - Component name: CandlestickChartShieldIcon - Added: 2026-11-06 - Since: version 0.4.0 - npm: `import { CandlestickChartShieldIcon } from '@gentleface/react';` (@gentleface/react 0.6.0) ## 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/candlestick-chart-shield.svg · PNG https://gentleface.com/png/line-round/16/candlestick-chart-shield.png · https://gentleface.com/png/line-round/32/candlestick-chart-shield.png · https://gentleface.com/png/line-round/48/candlestick-chart-shield.png - line-soft: https://gentleface.com/svg/line-soft/16/candlestick-chart-shield.svg · PNG https://gentleface.com/png/line-soft/16/candlestick-chart-shield.png · https://gentleface.com/png/line-soft/32/candlestick-chart-shield.png · https://gentleface.com/png/line-soft/48/candlestick-chart-shield.png - line-sharp: https://gentleface.com/svg/line-sharp/16/candlestick-chart-shield.svg · PNG https://gentleface.com/png/line-sharp/16/candlestick-chart-shield.png · https://gentleface.com/png/line-sharp/32/candlestick-chart-shield.png · https://gentleface.com/png/line-sharp/48/candlestick-chart-shield.png - solid-round: https://gentleface.com/svg/solid-round/16/candlestick-chart-shield.svg · PNG https://gentleface.com/png/solid-round/16/candlestick-chart-shield.png · https://gentleface.com/png/solid-round/32/candlestick-chart-shield.png · https://gentleface.com/png/solid-round/48/candlestick-chart-shield.png - solid-soft: https://gentleface.com/svg/solid-soft/16/candlestick-chart-shield.svg · PNG https://gentleface.com/png/solid-soft/16/candlestick-chart-shield.png · https://gentleface.com/png/solid-soft/32/candlestick-chart-shield.png · https://gentleface.com/png/solid-soft/48/candlestick-chart-shield.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/candlestick-chart-shield.svg · PNG https://gentleface.com/png/solid-sharp/16/candlestick-chart-shield.png · https://gentleface.com/png/solid-sharp/32/candlestick-chart-shield.png · https://gentleface.com/png/solid-sharp/48/candlestick-chart-shield.png The SVG of every style: https://gentleface.com/icons/candlestick-chart-shield.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 "candlestick-chart-shield" (line-round), MIT. https://gentleface.com/icons/candlestick-chart-shield import type { SVGProps } from 'react'; export function CandlestickChartShieldIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html ``` ### CSS ```css /* Gentleface "candlestick-chart-shield" (line-round), MIT. https://gentleface.com/icons/candlestick-chart-shield. Takes the text color. */ .icon-candlestick-chart-shield { 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='M7.5 14C7.641 14 7.759 14.048 7.856 14.144C7.952 14.241 8 14.359 8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1C1.641 1 1.759 1.048 1.856 1.144C1.952 1.241 2 1.359 2 1.5L2 14L7.5 14ZM13.856 3.144C13.952 3.241 14 3.359 14 3.5L14 6.5C14 6.641 13.952 6.759 13.856 6.856C13.759 6.952 13.641 7 13.5 7L12.622 7C12.602 6.98 12.581 6.96 12.561 6.939C12.426 6.804 12.271 6.699 12.096 6.623C12.066 6.611 12.037 6.599 12.007 6.588C12.002 6.56 12 6.53 12 6.5C12 6.359 12.048 6.241 12.144 6.144C12.241 6.048 12.359 6 12.5 6L13 6L13 4L10 4L10 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.53 10.998 6.56 10.993 6.588C10.963 6.599 10.934 6.611 10.904 6.623C10.729 6.699 10.574 6.804 10.439 6.939C10.419 6.96 10.398 6.98 10.378 7L9.5 7C9.359 7 9.241 6.952 9.144 6.856C9.048 6.759 9 6.641 9 6.5L9 3.5C9 3.359 9.048 3.241 9.144 3.144C9.241 3.048 9.359 3 9.5 3L11 3L11 1.5C11 1.359 11.048 1.241 11.144 1.144C11.241 1.048 11.359 1 11.5 1C11.641 1 11.759 1.048 11.856 1.144C11.952 1.241 12 1.359 12 1.5L12 3L13.5 3C13.641 3 13.759 3.048 13.856 3.144ZM7.856 6.144C7.952 6.241 8 6.359 8 6.5L8 7.5C8 7.641 7.952 7.759 7.856 7.856C7.759 7.952 7.641 8 7.5 8C7.359 8 7.241 7.952 7.144 7.856C7.048 7.759 7 7.641 7 7.5L7 7L4 7L4 10L6.5 10C6.641 10 6.759 10.048 6.856 10.144C6.952 10.241 7 10.359 7 10.5C7 10.641 6.952 10.759 6.856 10.856C6.759 10.952 6.641 11 6.5 11L6 11L6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13C5.359 13 5.241 12.952 5.144 12.856C5.048 12.759 5 12.641 5 12.5L5 11L3.5 11C3.359 11 3.241 10.952 3.144 10.856C3.048 10.759 3 10.641 3 10.5L3 6.5C3 6.359 3.048 6.241 3.144 6.144C3.241 6.048 3.359 6 3.5 6L5 6L5 4.5C5 4.359 5.048 4.241 5.144 4.144C5.241 4.048 5.359 4 5.5 4C5.641 4 5.759 4.048 5.856 4.144C5.952 4.241 6 4.359 6 4.5L6 6L7.5 6C7.641 6 7.759 6.048 7.856 6.144ZM14.697 12.817C14.515 13.216 14.261 13.597 13.934 13.959C13.625 14.303 13.273 14.606 12.879 14.869C12.482 15.133 12.075 15.335 11.658 15.474C11.553 15.509 11.447 15.509 11.342 15.474C10.925 15.335 10.518 15.133 10.121 14.869C9.727 14.606 9.375 14.303 9.066 13.959C8.739 13.597 8.485 13.216 8.303 12.817C8.101 12.375 8 11.936 8 11.5L8 9.5C8 9.359 8.048 9.241 8.144 9.144C8.241 9.048 8.359 9 8.5 9C9.362 9 10.244 8.549 11.146 7.646C11.246 7.547 11.364 7.497 11.5 7.497C11.636 7.497 11.754 7.547 11.854 7.646C12.756 8.549 13.638 9 14.5 9C14.641 9 14.759 9.048 14.856 9.144C14.952 9.241 15 9.359 15 9.5L15 11.5C15 11.936 14.899 12.375 14.697 12.817Z'/%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='M7.5 14C7.641 14 7.759 14.048 7.856 14.144C7.952 14.241 8 14.359 8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1C1.641 1 1.759 1.048 1.856 1.144C1.952 1.241 2 1.359 2 1.5L2 14L7.5 14ZM13.856 3.144C13.952 3.241 14 3.359 14 3.5L14 6.5C14 6.641 13.952 6.759 13.856 6.856C13.759 6.952 13.641 7 13.5 7L12.622 7C12.602 6.98 12.581 6.96 12.561 6.939C12.426 6.804 12.271 6.699 12.096 6.623C12.066 6.611 12.037 6.599 12.007 6.588C12.002 6.56 12 6.53 12 6.5C12 6.359 12.048 6.241 12.144 6.144C12.241 6.048 12.359 6 12.5 6L13 6L13 4L10 4L10 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.53 10.998 6.56 10.993 6.588C10.963 6.599 10.934 6.611 10.904 6.623C10.729 6.699 10.574 6.804 10.439 6.939C10.419 6.96 10.398 6.98 10.378 7L9.5 7C9.359 7 9.241 6.952 9.144 6.856C9.048 6.759 9 6.641 9 6.5L9 3.5C9 3.359 9.048 3.241 9.144 3.144C9.241 3.048 9.359 3 9.5 3L11 3L11 1.5C11 1.359 11.048 1.241 11.144 1.144C11.241 1.048 11.359 1 11.5 1C11.641 1 11.759 1.048 11.856 1.144C11.952 1.241 12 1.359 12 1.5L12 3L13.5 3C13.641 3 13.759 3.048 13.856 3.144ZM7.856 6.144C7.952 6.241 8 6.359 8 6.5L8 7.5C8 7.641 7.952 7.759 7.856 7.856C7.759 7.952 7.641 8 7.5 8C7.359 8 7.241 7.952 7.144 7.856C7.048 7.759 7 7.641 7 7.5L7 7L4 7L4 10L6.5 10C6.641 10 6.759 10.048 6.856 10.144C6.952 10.241 7 10.359 7 10.5C7 10.641 6.952 10.759 6.856 10.856C6.759 10.952 6.641 11 6.5 11L6 11L6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13C5.359 13 5.241 12.952 5.144 12.856C5.048 12.759 5 12.641 5 12.5L5 11L3.5 11C3.359 11 3.241 10.952 3.144 10.856C3.048 10.759 3 10.641 3 10.5L3 6.5C3 6.359 3.048 6.241 3.144 6.144C3.241 6.048 3.359 6 3.5 6L5 6L5 4.5C5 4.359 5.048 4.241 5.144 4.144C5.241 4.048 5.359 4 5.5 4C5.641 4 5.759 4.048 5.856 4.144C5.952 4.241 6 4.359 6 4.5L6 6L7.5 6C7.641 6 7.759 6.048 7.856 6.144ZM14.697 12.817C14.515 13.216 14.261 13.597 13.934 13.959C13.625 14.303 13.273 14.606 12.879 14.869C12.482 15.133 12.075 15.335 11.658 15.474C11.553 15.509 11.447 15.509 11.342 15.474C10.925 15.335 10.518 15.133 10.121 14.869C9.727 14.606 9.375 14.303 9.066 13.959C8.739 13.597 8.485 13.216 8.303 12.817C8.101 12.375 8 11.936 8 11.5L8 9.5C8 9.359 8.048 9.241 8.144 9.144C8.241 9.048 8.359 9 8.5 9C9.362 9 10.244 8.549 11.146 7.646C11.246 7.547 11.364 7.497 11.5 7.497C11.636 7.497 11.754 7.547 11.854 7.646C12.756 8.549 13.638 9 14.5 9C14.641 9 14.759 9.048 14.856 9.144C14.952 9.241 15 9.359 15 9.5L15 11.5C15 11.936 14.899 12.375 14.697 12.817Z'/%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='M7.5 14C7.641 14 7.759 14.048 7.856 14.144C7.952 14.241 8 14.359 8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1C1.641 1 1.759 1.048 1.856 1.144C1.952 1.241 2 1.359 2 1.5L2 14L7.5 14ZM13.856 3.144C13.952 3.241 14 3.359 14 3.5L14 6.5C14 6.641 13.952 6.759 13.856 6.856C13.759 6.952 13.641 7 13.5 7L12.622 7C12.602 6.98 12.581 6.96 12.561 6.939C12.426 6.804 12.271 6.699 12.096 6.623C12.066 6.611 12.037 6.599 12.007 6.588C12.002 6.56 12 6.53 12 6.5C12 6.359 12.048 6.241 12.144 6.144C12.241 6.048 12.359 6 12.5 6L13 6L13 4L10 4L10 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.53 10.998 6.56 10.993 6.588C10.963 6.599 10.934 6.611 10.904 6.623C10.729 6.699 10.574 6.804 10.439 6.939C10.419 6.96 10.398 6.98 10.378 7L9.5 7C9.359 7 9.241 6.952 9.144 6.856C9.048 6.759 9 6.641 9 6.5L9 3.5C9 3.359 9.048 3.241 9.144 3.144C9.241 3.048 9.359 3 9.5 3L11 3L11 1.5C11 1.359 11.048 1.241 11.144 1.144C11.241 1.048 11.359 1 11.5 1C11.641 1 11.759 1.048 11.856 1.144C11.952 1.241 12 1.359 12 1.5L12 3L13.5 3C13.641 3 13.759 3.048 13.856 3.144ZM7.856 6.144C7.952 6.241 8 6.359 8 6.5L8 7.5C8 7.641 7.952 7.759 7.856 7.856C7.759 7.952 7.641 8 7.5 8C7.359 8 7.241 7.952 7.144 7.856C7.048 7.759 7 7.641 7 7.5L7 7L4 7L4 10L6.5 10C6.641 10 6.759 10.048 6.856 10.144C6.952 10.241 7 10.359 7 10.5C7 10.641 6.952 10.759 6.856 10.856C6.759 10.952 6.641 11 6.5 11L6 11L6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13C5.359 13 5.241 12.952 5.144 12.856C5.048 12.759 5 12.641 5 12.5L5 11L3.5 11C3.359 11 3.241 10.952 3.144 10.856C3.048 10.759 3 10.641 3 10.5L3 6.5C3 6.359 3.048 6.241 3.144 6.144C3.241 6.048 3.359 6 3.5 6L5 6L5 4.5C5 4.359 5.048 4.241 5.144 4.144C5.241 4.048 5.359 4 5.5 4C5.641 4 5.759 4.048 5.856 4.144C5.952 4.241 6 4.359 6 4.5L6 6L7.5 6C7.641 6 7.759 6.048 7.856 6.144ZM14.697 12.817C14.515 13.216 14.261 13.597 13.934 13.959C13.625 14.303 13.273 14.606 12.879 14.869C12.482 15.133 12.075 15.335 11.658 15.474C11.553 15.509 11.447 15.509 11.342 15.474C10.925 15.335 10.518 15.133 10.121 14.869C9.727 14.606 9.375 14.303 9.066 13.959C8.739 13.597 8.485 13.216 8.303 12.817C8.101 12.375 8 11.936 8 11.5L8 9.5C8 9.359 8.048 9.241 8.144 9.144C8.241 9.048 8.359 9 8.5 9C9.362 9 10.244 8.549 11.146 7.646C11.246 7.547 11.364 7.497 11.5 7.497C11.636 7.497 11.754 7.547 11.854 7.646C12.756 8.549 13.638 9 14.5 9C14.641 9 14.759 9.048 14.856 9.144C14.952 9.241 15 9.359 15 9.5L15 11.5C15 11.936 14.899 12.375 14.697 12.817Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "candlestick-chart-shield" (line-round), MIT. https://gentleface.com/icons/candlestick-chart-shield import SwiftUI struct CandlestickChartShieldIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 7.5, y: 14)) p.addCurve(to: CGPoint(x: 7.856, y: 14.144), control1: CGPoint(x: 7.641, y: 14), control2: CGPoint(x: 7.759, y: 14.048)) p.addCurve(to: CGPoint(x: 8, y: 14.5), control1: CGPoint(x: 7.952, y: 14.241), control2: CGPoint(x: 8, y: 14.359)) p.addCurve(to: CGPoint(x: 7.856, y: 14.856), control1: CGPoint(x: 8, y: 14.641), control2: CGPoint(x: 7.952, y: 14.759)) p.addCurve(to: CGPoint(x: 7.5, y: 15), control1: CGPoint(x: 7.759, y: 14.952), control2: CGPoint(x: 7.641, y: 15)) p.addLine(to: CGPoint(x: 1.5, y: 15)) p.addCurve(to: CGPoint(x: 1.144, y: 14.856), control1: CGPoint(x: 1.359, y: 15), control2: CGPoint(x: 1.241, y: 14.952)) p.addCurve(to: CGPoint(x: 1, y: 14.5), control1: CGPoint(x: 1.048, y: 14.759), control2: CGPoint(x: 1, y: 14.641)) p.addLine(to: CGPoint(x: 1, y: 1.5)) p.addCurve(to: CGPoint(x: 1.144, y: 1.144), control1: CGPoint(x: 1, y: 1.359), control2: CGPoint(x: 1.048, y: 1.241)) p.addCurve(to: CGPoint(x: 1.5, y: 1), control1: CGPoint(x: 1.241, y: 1.048), control2: CGPoint(x: 1.359, y: 1)) p.addCurve(to: CGPoint(x: 1.856, y: 1.144), control1: CGPoint(x: 1.641, y: 1), control2: CGPoint(x: 1.759, y: 1.048)) p.addCurve(to: CGPoint(x: 2, y: 1.5), control1: CGPoint(x: 1.952, y: 1.241), control2: CGPoint(x: 2, y: 1.359)) p.addLine(to: CGPoint(x: 2, y: 14)) p.addLine(to: CGPoint(x: 7.5, y: 14)) p.closeSubpath() p.move(to: CGPoint(x: 13.856, y: 3.144)) p.addCurve(to: CGPoint(x: 14, y: 3.5), control1: CGPoint(x: 13.952, y: 3.241), control2: CGPoint(x: 14, y: 3.359)) p.addLine(to: CGPoint(x: 14, y: 6.5)) p.addCurve(to: CGPoint(x: 13.856, y: 6.856), control1: CGPoint(x: 14, y: 6.641), control2: CGPoint(x: 13.952, y: 6.759)) p.addCurve(to: CGPoint(x: 13.5, y: 7), control1: CGPoint(x: 13.759, y: 6.952), control2: CGPoint(x: 13.641, y: 7)) p.addLine(to: CGPoint(x: 12.622, y: 7)) p.addCurve(to: CGPoint(x: 12.561, y: 6.939), control1: CGPoint(x: 12.602, y: 6.98), control2: CGPoint(x: 12.581, y: 6.96)) p.addCurve(to: CGPoint(x: 12.096, y: 6.623), control1: CGPoint(x: 12.426, y: 6.804), control2: CGPoint(x: 12.271, y: 6.699)) p.addCurve(to: CGPoint(x: 12.007, y: 6.588), control1: CGPoint(x: 12.066, y: 6.611), control2: CGPoint(x: 12.037, y: 6.599)) p.addCurve(to: CGPoint(x: 12, y: 6.5), control1: CGPoint(x: 12.002, y: 6.56), control2: CGPoint(x: 12, y: 6.53)) p.addCurve(to: CGPoint(x: 12.144, y: 6.144), control1: CGPoint(x: 12, y: 6.359), control2: CGPoint(x: 12.048, y: 6.241)) p.addCurve(to: CGPoint(x: 12.5, y: 6), control1: CGPoint(x: 12.241, y: 6.048), control2: CGPoint(x: 12.359, y: 6)) p.addLine(to: CGPoint(x: 13, y: 6)) p.addLine(to: CGPoint(x: 13, y: 4)) p.addLine(to: CGPoint(x: 10, y: 4)) p.addLine(to: CGPoint(x: 10, y: 6)) p.addLine(to: CGPoint(x: 10.5, y: 6)) p.addCurve(to: CGPoint(x: 10.856, y: 6.144), control1: CGPoint(x: 10.641, y: 6), control2: CGPoint(x: 10.759, y: 6.048)) p.addCurve(to: CGPoint(x: 11, y: 6.5), control1: CGPoint(x: 10.952, y: 6.241), control2: CGPoint(x: 11, y: 6.359)) p.addCurve(to: CGPoint(x: 10.993, y: 6.588), control1: CGPoint(x: 11, y: 6.53), control2: CGPoint(x: 10.998, y: 6.56)) p.addCurve(to: CGPoint(x: 10.904, y: 6.623), control1: CGPoint(x: 10.963, y: 6.599), control2: CGPoint(x: 10.934, y: 6.611)) p.addCurve(to: CGPoint(x: 10.439, y: 6.939), control1: CGPoint(x: 10.729, y: 6.699), control2: CGPoint(x: 10.574, y: 6.804)) p.addCurve(to: CGPoint(x: 10.378, y: 7), control1: CGPoint(x: 10.419, y: 6.96), control2: CGPoint(x: 10.398, y: 6.98)) p.addLine(to: CGPoint(x: 9.5, y: 7)) p.addCurve(to: CGPoint(x: 9.144, y: 6.856), control1: CGPoint(x: 9.359, y: 7), control2: CGPoint(x: 9.241, y: 6.952)) p.addCurve(to: CGPoint(x: 9, y: 6.5), control1: CGPoint(x: 9.048, y: 6.759), control2: CGPoint(x: 9, y: 6.641)) p.addLine(to: CGPoint(x: 9, y: 3.5)) p.addCurve(to: CGPoint(x: 9.144, y: 3.144), control1: CGPoint(x: 9, y: 3.359), control2: CGPoint(x: 9.048, y: 3.241)) p.addCurve(to: CGPoint(x: 9.5, y: 3), control1: CGPoint(x: 9.241, y: 3.048), control2: CGPoint(x: 9.359, y: 3)) p.addLine(to: CGPoint(x: 11, y: 3)) p.addLine(to: CGPoint(x: 11, y: 1.5)) p.addCurve(to: CGPoint(x: 11.144, y: 1.144), control1: CGPoint(x: 11, y: 1.359), control2: CGPoint(x: 11.048, y: 1.241)) p.addCurve(to: CGPoint(x: 11.5, y: 1), control1: CGPoint(x: 11.241, y: 1.048), control2: CGPoint(x: 11.359, y: 1)) p.addCurve(to: CGPoint(x: 11.856, y: 1.144), control1: CGPoint(x: 11.641, y: 1), control2: CGPoint(x: 11.759, y: 1.048)) p.addCurve(to: CGPoint(x: 12, y: 1.5), control1: CGPoint(x: 11.952, y: 1.241), control2: CGPoint(x: 12, y: 1.359)) p.addLine(to: CGPoint(x: 12, y: 3)) p.addLine(to: CGPoint(x: 13.5, y: 3)) p.addCurve(to: CGPoint(x: 13.856, y: 3.144), control1: CGPoint(x: 13.641, y: 3), control2: CGPoint(x: 13.759, y: 3.048)) p.closeSubpath() p.move(to: CGPoint(x: 7.856, y: 6.144)) p.addCurve(to: CGPoint(x: 8, y: 6.5), control1: CGPoint(x: 7.952, y: 6.241), control2: CGPoint(x: 8, y: 6.359)) p.addLine(to: CGPoint(x: 8, y: 7.5)) p.addCurve(to: CGPoint(x: 7.856, y: 7.856), control1: CGPoint(x: 8, y: 7.641), control2: CGPoint(x: 7.952, y: 7.759)) p.addCurve(to: CGPoint(x: 7.5, y: 8), control1: CGPoint(x: 7.759, y: 7.952), control2: CGPoint(x: 7.641, y: 8)) p.addCurve(to: CGPoint(x: 7.144, y: 7.856), control1: CGPoint(x: 7.359, y: 8), control2: CGPoint(x: 7.241, y: 7.952)) p.addCurve(to: CGPoint(x: 7, y: 7.5), control1: CGPoint(x: 7.048, y: 7.759), control2: CGPoint(x: 7, y: 7.641)) p.addLine(to: CGPoint(x: 7, y: 7)) p.addLine(to: CGPoint(x: 4, y: 7)) p.addLine(to: CGPoint(x: 4, y: 10)) p.addLine(to: CGPoint(x: 6.5, y: 10)) p.addCurve(to: CGPoint(x: 6.856, y: 10.144), control1: CGPoint(x: 6.641, y: 10), control2: CGPoint(x: 6.759, y: 10.048)) p.addCurve(to: CGPoint(x: 7, y: 10.5), control1: CGPoint(x: 6.952, y: 10.241), control2: CGPoint(x: 7, y: 10.359)) p.addCurve(to: CGPoint(x: 6.856, y: 10.856), control1: CGPoint(x: 7, y: 10.641), control2: CGPoint(x: 6.952, y: 10.759)) p.addCurve(to: CGPoint(x: 6.5, y: 11), control1: CGPoint(x: 6.759, y: 10.952), control2: CGPoint(x: 6.641, y: 11)) p.addLine(to: CGPoint(x: 6, y: 11)) p.addLine(to: CGPoint(x: 6, y: 12.5)) p.addCurve(to: CGPoint(x: 5.856, y: 12.856), control1: CGPoint(x: 6, y: 12.641), control2: CGPoint(x: 5.952, y: 12.759)) p.addCurve(to: CGPoint(x: 5.5, y: 13), control1: CGPoint(x: 5.759, y: 12.952), control2: CGPoint(x: 5.641, y: 13)) p.addCurve(to: CGPoint(x: 5.144, y: 12.856), control1: CGPoint(x: 5.359, y: 13), control2: CGPoint(x: 5.241, y: 12.952)) p.addCurve(to: CGPoint(x: 5, y: 12.5), control1: CGPoint(x: 5.048, y: 12.759), control2: CGPoint(x: 5, y: 12.641)) p.addLine(to: CGPoint(x: 5, y: 11)) p.addLine(to: CGPoint(x: 3.5, y: 11)) p.addCurve(to: CGPoint(x: 3.144, y: 10.856), control1: CGPoint(x: 3.359, y: 11), control2: CGPoint(x: 3.241, y: 10.952)) p.addCurve(to: CGPoint(x: 3, y: 10.5), control1: CGPoint(x: 3.048, y: 10.759), control2: CGPoint(x: 3, y: 10.641)) p.addLine(to: CGPoint(x: 3, y: 6.5)) p.addCurve(to: CGPoint(x: 3.144, y: 6.144), control1: CGPoint(x: 3, y: 6.359), control2: CGPoint(x: 3.048, y: 6.241)) p.addCurve(to: CGPoint(x: 3.5, y: 6), control1: CGPoint(x: 3.241, y: 6.048), control2: CGPoint(x: 3.359, y: 6)) p.addLine(to: CGPoint(x: 5, y: 6)) p.addLine(to: CGPoint(x: 5, y: 4.5)) p.addCurve(to: CGPoint(x: 5.144, y: 4.144), control1: CGPoint(x: 5, y: 4.359), control2: CGPoint(x: 5.048, y: 4.241)) p.addCurve(to: CGPoint(x: 5.5, y: 4), control1: CGPoint(x: 5.241, y: 4.048), control2: CGPoint(x: 5.359, y: 4)) p.addCurve(to: CGPoint(x: 5.856, y: 4.144), control1: CGPoint(x: 5.641, y: 4), control2: CGPoint(x: 5.759, y: 4.048)) p.addCurve(to: CGPoint(x: 6, y: 4.5), control1: CGPoint(x: 5.952, y: 4.241), control2: CGPoint(x: 6, y: 4.359)) p.addLine(to: CGPoint(x: 6, y: 6)) p.addLine(to: CGPoint(x: 7.5, y: 6)) p.addCurve(to: CGPoint(x: 7.856, y: 6.144), control1: CGPoint(x: 7.641, y: 6), control2: CGPoint(x: 7.759, y: 6.048)) p.closeSubpath() p.move(to: CGPoint(x: 14.697, y: 12.817)) p.addCurve(to: CGPoint(x: 13.934, y: 13.959), control1: CGPoint(x: 14.515, y: 13.216), control2: CGPoint(x: 14.261, y: 13.597)) p.addCurve(to: CGPoint(x: 12.879, y: 14.869), control1: CGPoint(x: 13.625, y: 14.303), control2: CGPoint(x: 13.273, y: 14.606)) p.addCurve(to: CGPoint(x: 11.658, y: 15.474), control1: CGPoint(x: 12.482, y: 15.133), control2: CGPoint(x: 12.075, y: 15.335)) p.addCurve(to: CGPoint(x: 11.342, y: 15.474), control1: CGPoint(x: 11.553, y: 15.509), control2: CGPoint(x: 11.447, y: 15.509)) p.addCurve(to: CGPoint(x: 10.121, y: 14.869), control1: CGPoint(x: 10.925, y: 15.335), control2: CGPoint(x: 10.518, y: 15.133)) p.addCurve(to: CGPoint(x: 9.066, y: 13.959), control1: CGPoint(x: 9.727, y: 14.606), control2: CGPoint(x: 9.375, y: 14.303)) p.addCurve(to: CGPoint(x: 8.303, y: 12.817), control1: CGPoint(x: 8.739, y: 13.597), control2: CGPoint(x: 8.485, y: 13.216)) p.addCurve(to: CGPoint(x: 8, y: 11.5), control1: CGPoint(x: 8.101, y: 12.375), control2: CGPoint(x: 8, y: 11.936)) p.addLine(to: CGPoint(x: 8, y: 9.5)) p.addCurve(to: CGPoint(x: 8.144, y: 9.144), control1: CGPoint(x: 8, y: 9.359), control2: CGPoint(x: 8.048, y: 9.241)) p.addCurve(to: CGPoint(x: 8.5, y: 9), control1: CGPoint(x: 8.241, y: 9.048), control2: CGPoint(x: 8.359, y: 9)) p.addCurve(to: CGPoint(x: 11.146, y: 7.646), control1: CGPoint(x: 9.362, y: 9), control2: CGPoint(x: 10.244, y: 8.549)) p.addCurve(to: CGPoint(x: 11.5, y: 7.497), control1: CGPoint(x: 11.246, y: 7.547), control2: CGPoint(x: 11.364, y: 7.497)) p.addCurve(to: CGPoint(x: 11.854, y: 7.646), control1: CGPoint(x: 11.636, y: 7.497), control2: CGPoint(x: 11.754, y: 7.547)) p.addCurve(to: CGPoint(x: 14.5, y: 9), control1: CGPoint(x: 12.756, y: 8.549), control2: CGPoint(x: 13.638, y: 9)) p.addCurve(to: CGPoint(x: 14.856, y: 9.144), control1: CGPoint(x: 14.641, y: 9), control2: CGPoint(x: 14.759, y: 9.048)) p.addCurve(to: CGPoint(x: 15, y: 9.5), control1: CGPoint(x: 14.952, y: 9.241), control2: CGPoint(x: 15, y: 9.359)) p.addLine(to: CGPoint(x: 15, y: 11.5)) p.addCurve(to: CGPoint(x: 14.697, y: 12.817), control1: CGPoint(x: 15, y: 11.936), control2: CGPoint(x: 14.899, y: 12.375)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // CandlestickChartShieldIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "candlestick-chart-shield" (line-round), MIT. https://gentleface.com/icons/candlestick-chart-shield 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 CandlestickChartShieldIcon: ImageVector by lazy { ImageVector.Builder( name = "candlestick-chart-shield", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M7.5 14C7.641 14 7.759 14.048 7.856 14.144C7.952 14.241 8 14.359 8 14.5C8 14.641 7.952 14.759 7.856 14.856C7.759 14.952 7.641 15 7.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1C1.641 1 1.759 1.048 1.856 1.144C1.952 1.241 2 1.359 2 1.5L2 14L7.5 14ZM13.856 3.144C13.952 3.241 14 3.359 14 3.5L14 6.5C14 6.641 13.952 6.759 13.856 6.856C13.759 6.952 13.641 7 13.5 7L12.622 7C12.602 6.98 12.581 6.96 12.561 6.939C12.426 6.804 12.271 6.699 12.096 6.623C12.066 6.611 12.037 6.599 12.007 6.588C12.002 6.56 12 6.53 12 6.5C12 6.359 12.048 6.241 12.144 6.144C12.241 6.048 12.359 6 12.5 6L13 6L13 4L10 4L10 6L10.5 6C10.641 6 10.759 6.048 10.856 6.144C10.952 6.241 11 6.359 11 6.5C11 6.53 10.998 6.56 10.993 6.588C10.963 6.599 10.934 6.611 10.904 6.623C10.729 6.699 10.574 6.804 10.439 6.939C10.419 6.96 10.398 6.98 10.378 7L9.5 7C9.359 7 9.241 6.952 9.144 6.856C9.048 6.759 9 6.641 9 6.5L9 3.5C9 3.359 9.048 3.241 9.144 3.144C9.241 3.048 9.359 3 9.5 3L11 3L11 1.5C11 1.359 11.048 1.241 11.144 1.144C11.241 1.048 11.359 1 11.5 1C11.641 1 11.759 1.048 11.856 1.144C11.952 1.241 12 1.359 12 1.5L12 3L13.5 3C13.641 3 13.759 3.048 13.856 3.144ZM7.856 6.144C7.952 6.241 8 6.359 8 6.5L8 7.5C8 7.641 7.952 7.759 7.856 7.856C7.759 7.952 7.641 8 7.5 8C7.359 8 7.241 7.952 7.144 7.856C7.048 7.759 7 7.641 7 7.5L7 7L4 7L4 10L6.5 10C6.641 10 6.759 10.048 6.856 10.144C6.952 10.241 7 10.359 7 10.5C7 10.641 6.952 10.759 6.856 10.856C6.759 10.952 6.641 11 6.5 11L6 11L6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13C5.359 13 5.241 12.952 5.144 12.856C5.048 12.759 5 12.641 5 12.5L5 11L3.5 11C3.359 11 3.241 10.952 3.144 10.856C3.048 10.759 3 10.641 3 10.5L3 6.5C3 6.359 3.048 6.241 3.144 6.144C3.241 6.048 3.359 6 3.5 6L5 6L5 4.5C5 4.359 5.048 4.241 5.144 4.144C5.241 4.048 5.359 4 5.5 4C5.641 4 5.759 4.048 5.856 4.144C5.952 4.241 6 4.359 6 4.5L6 6L7.5 6C7.641 6 7.759 6.048 7.856 6.144ZM14.697 12.817C14.515 13.216 14.261 13.597 13.934 13.959C13.625 14.303 13.273 14.606 12.879 14.869C12.482 15.133 12.075 15.335 11.658 15.474C11.553 15.509 11.447 15.509 11.342 15.474C10.925 15.335 10.518 15.133 10.121 14.869C9.727 14.606 9.375 14.303 9.066 13.959C8.739 13.597 8.485 13.216 8.303 12.817C8.101 12.375 8 11.936 8 11.5L8 9.5C8 9.359 8.048 9.241 8.144 9.144C8.241 9.048 8.359 9 8.5 9C9.362 9 10.244 8.549 11.146 7.646C11.246 7.547 11.364 7.497 11.5 7.497C11.636 7.497 11.754 7.547 11.854 7.646C12.756 8.549 13.638 9 14.5 9C14.641 9 14.759 9.048 14.856 9.144C14.952 9.241 15 9.359 15 9.5L15 11.5C15 11.936 14.899 12.375 14.697 12.817Z"), fill = SolidColor(Color.Black), ).build() } // Icon(CandlestickChartShieldIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "candlestick-chart-shield" (line-round), MIT. https://gentleface.com/icons/candlestick-chart-shield import 'package:flutter/widgets.dart'; class CandlestickChartShieldIcon extends StatelessWidget { const CandlestickChartShieldIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _CandlestickChartShieldIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _CandlestickChartShieldIconPainter extends CustomPainter { _CandlestickChartShieldIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(7.5, 14) ..cubicTo(7.641, 14, 7.759, 14.048, 7.856, 14.144) ..cubicTo(7.952, 14.241, 8, 14.359, 8, 14.5) ..cubicTo(8, 14.641, 7.952, 14.759, 7.856, 14.856) ..cubicTo(7.759, 14.952, 7.641, 15, 7.5, 15) ..lineTo(1.5, 15) ..cubicTo(1.359, 15, 1.241, 14.952, 1.144, 14.856) ..cubicTo(1.048, 14.759, 1, 14.641, 1, 14.5) ..lineTo(1, 1.5) ..cubicTo(1, 1.359, 1.048, 1.241, 1.144, 1.144) ..cubicTo(1.241, 1.048, 1.359, 1, 1.5, 1) ..cubicTo(1.641, 1, 1.759, 1.048, 1.856, 1.144) ..cubicTo(1.952, 1.241, 2, 1.359, 2, 1.5) ..lineTo(2, 14) ..lineTo(7.5, 14) ..close() ..moveTo(13.856, 3.144) ..cubicTo(13.952, 3.241, 14, 3.359, 14, 3.5) ..lineTo(14, 6.5) ..cubicTo(14, 6.641, 13.952, 6.759, 13.856, 6.856) ..cubicTo(13.759, 6.952, 13.641, 7, 13.5, 7) ..lineTo(12.622, 7) ..cubicTo(12.602, 6.98, 12.581, 6.96, 12.561, 6.939) ..cubicTo(12.426, 6.804, 12.271, 6.699, 12.096, 6.623) ..cubicTo(12.066, 6.611, 12.037, 6.599, 12.007, 6.588) ..cubicTo(12.002, 6.56, 12, 6.53, 12, 6.5) ..cubicTo(12, 6.359, 12.048, 6.241, 12.144, 6.144) ..cubicTo(12.241, 6.048, 12.359, 6, 12.5, 6) ..lineTo(13, 6) ..lineTo(13, 4) ..lineTo(10, 4) ..lineTo(10, 6) ..lineTo(10.5, 6) ..cubicTo(10.641, 6, 10.759, 6.048, 10.856, 6.144) ..cubicTo(10.952, 6.241, 11, 6.359, 11, 6.5) ..cubicTo(11, 6.53, 10.998, 6.56, 10.993, 6.588) ..cubicTo(10.963, 6.599, 10.934, 6.611, 10.904, 6.623) ..cubicTo(10.729, 6.699, 10.574, 6.804, 10.439, 6.939) ..cubicTo(10.419, 6.96, 10.398, 6.98, 10.378, 7) ..lineTo(9.5, 7) ..cubicTo(9.359, 7, 9.241, 6.952, 9.144, 6.856) ..cubicTo(9.048, 6.759, 9, 6.641, 9, 6.5) ..lineTo(9, 3.5) ..cubicTo(9, 3.359, 9.048, 3.241, 9.144, 3.144) ..cubicTo(9.241, 3.048, 9.359, 3, 9.5, 3) ..lineTo(11, 3) ..lineTo(11, 1.5) ..cubicTo(11, 1.359, 11.048, 1.241, 11.144, 1.144) ..cubicTo(11.241, 1.048, 11.359, 1, 11.5, 1) ..cubicTo(11.641, 1, 11.759, 1.048, 11.856, 1.144) ..cubicTo(11.952, 1.241, 12, 1.359, 12, 1.5) ..lineTo(12, 3) ..lineTo(13.5, 3) ..cubicTo(13.641, 3, 13.759, 3.048, 13.856, 3.144) ..close() ..moveTo(7.856, 6.144) ..cubicTo(7.952, 6.241, 8, 6.359, 8, 6.5) ..lineTo(8, 7.5) ..cubicTo(8, 7.641, 7.952, 7.759, 7.856, 7.856) ..cubicTo(7.759, 7.952, 7.641, 8, 7.5, 8) ..cubicTo(7.359, 8, 7.241, 7.952, 7.144, 7.856) ..cubicTo(7.048, 7.759, 7, 7.641, 7, 7.5) ..lineTo(7, 7) ..lineTo(4, 7) ..lineTo(4, 10) ..lineTo(6.5, 10) ..cubicTo(6.641, 10, 6.759, 10.048, 6.856, 10.144) ..cubicTo(6.952, 10.241, 7, 10.359, 7, 10.5) ..cubicTo(7, 10.641, 6.952, 10.759, 6.856, 10.856) ..cubicTo(6.759, 10.952, 6.641, 11, 6.5, 11) ..lineTo(6, 11) ..lineTo(6, 12.5) ..cubicTo(6, 12.641, 5.952, 12.759, 5.856, 12.856) ..cubicTo(5.759, 12.952, 5.641, 13, 5.5, 13) ..cubicTo(5.359, 13, 5.241, 12.952, 5.144, 12.856) ..cubicTo(5.048, 12.759, 5, 12.641, 5, 12.5) ..lineTo(5, 11) ..lineTo(3.5, 11) ..cubicTo(3.359, 11, 3.241, 10.952, 3.144, 10.856) ..cubicTo(3.048, 10.759, 3, 10.641, 3, 10.5) ..lineTo(3, 6.5) ..cubicTo(3, 6.359, 3.048, 6.241, 3.144, 6.144) ..cubicTo(3.241, 6.048, 3.359, 6, 3.5, 6) ..lineTo(5, 6) ..lineTo(5, 4.5) ..cubicTo(5, 4.359, 5.048, 4.241, 5.144, 4.144) ..cubicTo(5.241, 4.048, 5.359, 4, 5.5, 4) ..cubicTo(5.641, 4, 5.759, 4.048, 5.856, 4.144) ..cubicTo(5.952, 4.241, 6, 4.359, 6, 4.5) ..lineTo(6, 6) ..lineTo(7.5, 6) ..cubicTo(7.641, 6, 7.759, 6.048, 7.856, 6.144) ..close() ..moveTo(14.697, 12.817) ..cubicTo(14.515, 13.216, 14.261, 13.597, 13.934, 13.959) ..cubicTo(13.625, 14.303, 13.273, 14.606, 12.879, 14.869) ..cubicTo(12.482, 15.133, 12.075, 15.335, 11.658, 15.474) ..cubicTo(11.553, 15.509, 11.447, 15.509, 11.342, 15.474) ..cubicTo(10.925, 15.335, 10.518, 15.133, 10.121, 14.869) ..cubicTo(9.727, 14.606, 9.375, 14.303, 9.066, 13.959) ..cubicTo(8.739, 13.597, 8.485, 13.216, 8.303, 12.817) ..cubicTo(8.101, 12.375, 8, 11.936, 8, 11.5) ..lineTo(8, 9.5) ..cubicTo(8, 9.359, 8.048, 9.241, 8.144, 9.144) ..cubicTo(8.241, 9.048, 8.359, 9, 8.5, 9) ..cubicTo(9.362, 9, 10.244, 8.549, 11.146, 7.646) ..cubicTo(11.246, 7.547, 11.364, 7.497, 11.5, 7.497) ..cubicTo(11.636, 7.497, 11.754, 7.547, 11.854, 7.646) ..cubicTo(12.756, 8.549, 13.638, 9, 14.5, 9) ..cubicTo(14.641, 9, 14.759, 9.048, 14.856, 9.144) ..cubicTo(14.952, 9.241, 15, 9.359, 15, 9.5) ..lineTo(15, 11.5) ..cubicTo(15, 11.936, 14.899, 12.375, 14.697, 12.817) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_CandlestickChartShieldIconPainter old) => old.color != color; } ```