# shield-pause icon Shield pause. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/shield-pause - Category: Security & privacy - Use it for: protection paused, pause protection - Example: Pause protection for 1 hour in an ad blocker or antivirus - Built from: shield + pause - Tags: security, protect, guard, safe, pause - Family: shield, shield-alert, shield-check, shield-clock, shield-gear, shield-lock, shield-off, shield-plus, shield-question, shield-search, shield-sparkle, shield-sync, shield-x - Component name: ShieldPauseIcon - Added: 2026-10-15 ## Alternatives - `shield-off`: turned off until switched back on ## Also fits - protection off: paused for a limited time ## Files 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. - line-round: https://gentleface.com/svg/line-round/16/shield-pause.svg · PNG https://gentleface.com/png/line-round/16/shield-pause.png · https://gentleface.com/png/line-round/32/shield-pause.png · https://gentleface.com/png/line-round/48/shield-pause.png - line-soft: https://gentleface.com/svg/line-soft/16/shield-pause.svg · PNG https://gentleface.com/png/line-soft/16/shield-pause.png · https://gentleface.com/png/line-soft/32/shield-pause.png · https://gentleface.com/png/line-soft/48/shield-pause.png - line-sharp: https://gentleface.com/svg/line-sharp/16/shield-pause.svg · PNG https://gentleface.com/png/line-sharp/16/shield-pause.png · https://gentleface.com/png/line-sharp/32/shield-pause.png · https://gentleface.com/png/line-sharp/48/shield-pause.png - solid-round: https://gentleface.com/svg/solid-round/16/shield-pause.svg · PNG https://gentleface.com/png/solid-round/16/shield-pause.png · https://gentleface.com/png/solid-round/32/shield-pause.png · https://gentleface.com/png/solid-round/48/shield-pause.png - solid-soft: https://gentleface.com/svg/solid-soft/16/shield-pause.svg · PNG https://gentleface.com/png/solid-soft/16/shield-pause.png · https://gentleface.com/png/solid-soft/32/shield-pause.png · https://gentleface.com/png/solid-soft/48/shield-pause.png - solid-sharp: https://gentleface.com/svg/solid-sharp/16/shield-pause.svg · PNG https://gentleface.com/png/solid-sharp/16/shield-pause.png · https://gentleface.com/png/solid-sharp/32/shield-pause.png · https://gentleface.com/png/solid-sharp/48/shield-pause.png The SVG of every style: https://gentleface.com/icons/shield-pause.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 "shield-pause" (line-round), MIT. https://gentleface.com/icons/shield-pause import type { SVGProps } from 'react'; export function ShieldPauseIcon(props: SVGProps) { return ( ); } ``` ### Vue ```vue ``` ### Svelte ```svelte ``` ### HTML img ```html

``` ### CSS ```css /* Gentleface "shield-pause" (line-round), MIT. https://gentleface.com/icons/shield-pause. Takes the text color. */ .icon-shield-pause { 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='M2.144 3.144C2.241 3.048 2.359 3 2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596C10.693 2.865 11.529 3 12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6C12.359 6 12.241 5.952 12.144 5.856C12.048 5.759 12 5.641 12 5.5L12 3.989C11.111 3.947 10.322 3.794 9.633 3.529C8.886 3.242 8.175 2.795 7.5 2.189C6.825 2.795 6.114 3.242 5.367 3.529C4.678 3.794 3.889 3.947 3 3.989L3 8.5C3 9.552 3.335 10.521 4.006 11.409C4.575 12.163 5.351 12.821 6.332 13.383C6.35 13.43 6.368 13.478 6.386 13.525C6.468 13.731 6.561 13.931 6.665 14.123C6.663 14.128 6.66 14.132 6.658 14.136C6.589 14.26 6.49 14.34 6.359 14.378C6.228 14.415 6.101 14.4 5.978 14.331C4.811 13.684 3.887 12.911 3.208 12.012C2.403 10.946 2 9.775 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM10.5 9C10.224 9 10 9.224 10 9.5L10 13.5C10 13.776 10.224 14 10.5 14C10.776 14 11 13.776 11 13.5L11 9.5C11 9.224 10.776 9 10.5 9ZM12.5 9C12.224 9 12 9.224 12 9.5L12 13.5C12 13.776 12.224 14 12.5 14C12.776 14 13 13.776 13 13.5L13 9.5C13 9.224 12.776 9 12.5 9Z'/%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='M2.144 3.144C2.241 3.048 2.359 3 2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596C10.693 2.865 11.529 3 12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6C12.359 6 12.241 5.952 12.144 5.856C12.048 5.759 12 5.641 12 5.5L12 3.989C11.111 3.947 10.322 3.794 9.633 3.529C8.886 3.242 8.175 2.795 7.5 2.189C6.825 2.795 6.114 3.242 5.367 3.529C4.678 3.794 3.889 3.947 3 3.989L3 8.5C3 9.552 3.335 10.521 4.006 11.409C4.575 12.163 5.351 12.821 6.332 13.383C6.35 13.43 6.368 13.478 6.386 13.525C6.468 13.731 6.561 13.931 6.665 14.123C6.663 14.128 6.66 14.132 6.658 14.136C6.589 14.26 6.49 14.34 6.359 14.378C6.228 14.415 6.101 14.4 5.978 14.331C4.811 13.684 3.887 12.911 3.208 12.012C2.403 10.946 2 9.775 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM10.5 9C10.224 9 10 9.224 10 9.5L10 13.5C10 13.776 10.224 14 10.5 14C10.776 14 11 13.776 11 13.5L11 9.5C11 9.224 10.776 9 10.5 9ZM12.5 9C12.224 9 12 9.224 12 9.5L12 13.5C12 13.776 12.224 14 12.5 14C12.776 14 13 13.776 13 13.5L13 9.5C13 9.224 12.776 9 12.5 9Z'/%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='M2.144 3.144C2.241 3.048 2.359 3 2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596C10.693 2.865 11.529 3 12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6C12.359 6 12.241 5.952 12.144 5.856C12.048 5.759 12 5.641 12 5.5L12 3.989C11.111 3.947 10.322 3.794 9.633 3.529C8.886 3.242 8.175 2.795 7.5 2.189C6.825 2.795 6.114 3.242 5.367 3.529C4.678 3.794 3.889 3.947 3 3.989L3 8.5C3 9.552 3.335 10.521 4.006 11.409C4.575 12.163 5.351 12.821 6.332 13.383C6.35 13.43 6.368 13.478 6.386 13.525C6.468 13.731 6.561 13.931 6.665 14.123C6.663 14.128 6.66 14.132 6.658 14.136C6.589 14.26 6.49 14.34 6.359 14.378C6.228 14.415 6.101 14.4 5.978 14.331C4.811 13.684 3.887 12.911 3.208 12.012C2.403 10.946 2 9.775 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM10.5 9C10.224 9 10 9.224 10 9.5L10 13.5C10 13.776 10.224 14 10.5 14C10.776 14 11 13.776 11 13.5L11 9.5C11 9.224 10.776 9 10.5 9ZM12.5 9C12.224 9 12 9.224 12 9.5L12 13.5C12 13.776 12.224 14 12.5 14C12.776 14 13 13.776 13 13.5L13 9.5C13 9.224 12.776 9 12.5 9Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "shield-pause" (line-round), MIT. https://gentleface.com/icons/shield-pause import SwiftUI struct ShieldPauseIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 2.144, y: 3.144)) p.addCurve(to: CGPoint(x: 2.5, y: 3), control1: CGPoint(x: 2.241, y: 3.048), control2: CGPoint(x: 2.359, y: 3)) p.addCurve(to: CGPoint(x: 5.008, y: 2.596), control1: CGPoint(x: 3.471, y: 3), control2: CGPoint(x: 4.307, y: 2.865)) p.addCurve(to: CGPoint(x: 7.146, y: 1.146), control1: CGPoint(x: 5.754, y: 2.309), control2: CGPoint(x: 6.467, y: 1.826)) p.addCurve(to: CGPoint(x: 7.5, y: 1), control1: CGPoint(x: 7.244, y: 1.049), control2: CGPoint(x: 7.362, y: 1)) p.addCurve(to: CGPoint(x: 7.854, y: 1.146), control1: CGPoint(x: 7.638, y: 1), control2: CGPoint(x: 7.756, y: 1.049)) p.addCurve(to: CGPoint(x: 9.992, y: 2.596), control1: CGPoint(x: 8.533, y: 1.826), control2: CGPoint(x: 9.246, y: 2.309)) p.addCurve(to: CGPoint(x: 12.5, y: 3), control1: CGPoint(x: 10.693, y: 2.865), control2: CGPoint(x: 11.529, y: 3)) p.addCurve(to: CGPoint(x: 12.856, y: 3.144), control1: CGPoint(x: 12.641, y: 3), control2: CGPoint(x: 12.759, y: 3.048)) p.addCurve(to: CGPoint(x: 13, y: 3.5), control1: CGPoint(x: 12.952, y: 3.241), control2: CGPoint(x: 13, y: 3.359)) p.addLine(to: CGPoint(x: 13, y: 5.5)) p.addCurve(to: CGPoint(x: 12.856, y: 5.856), control1: CGPoint(x: 13, y: 5.641), control2: CGPoint(x: 12.952, y: 5.759)) p.addCurve(to: CGPoint(x: 12.5, y: 6), control1: CGPoint(x: 12.759, y: 5.952), control2: CGPoint(x: 12.641, y: 6)) p.addCurve(to: CGPoint(x: 12.144, y: 5.856), control1: CGPoint(x: 12.359, y: 6), control2: CGPoint(x: 12.241, y: 5.952)) p.addCurve(to: CGPoint(x: 12, y: 5.5), control1: CGPoint(x: 12.048, y: 5.759), control2: CGPoint(x: 12, y: 5.641)) p.addLine(to: CGPoint(x: 12, y: 3.989)) p.addCurve(to: CGPoint(x: 9.633, y: 3.529), control1: CGPoint(x: 11.111, y: 3.947), control2: CGPoint(x: 10.322, y: 3.794)) p.addCurve(to: CGPoint(x: 7.5, y: 2.189), control1: CGPoint(x: 8.886, y: 3.242), control2: CGPoint(x: 8.175, y: 2.795)) p.addCurve(to: CGPoint(x: 5.367, y: 3.529), control1: CGPoint(x: 6.825, y: 2.795), control2: CGPoint(x: 6.114, y: 3.242)) p.addCurve(to: CGPoint(x: 3, y: 3.989), control1: CGPoint(x: 4.678, y: 3.794), control2: CGPoint(x: 3.889, y: 3.947)) p.addLine(to: CGPoint(x: 3, y: 8.5)) p.addCurve(to: CGPoint(x: 4.006, y: 11.409), control1: CGPoint(x: 3, y: 9.552), control2: CGPoint(x: 3.335, y: 10.521)) p.addCurve(to: CGPoint(x: 6.332, y: 13.383), control1: CGPoint(x: 4.575, y: 12.163), control2: CGPoint(x: 5.351, y: 12.821)) p.addCurve(to: CGPoint(x: 6.386, y: 13.525), control1: CGPoint(x: 6.35, y: 13.43), control2: CGPoint(x: 6.368, y: 13.478)) p.addCurve(to: CGPoint(x: 6.665, y: 14.123), control1: CGPoint(x: 6.468, y: 13.731), control2: CGPoint(x: 6.561, y: 13.931)) p.addCurve(to: CGPoint(x: 6.658, y: 14.136), control1: CGPoint(x: 6.663, y: 14.128), control2: CGPoint(x: 6.66, y: 14.132)) p.addCurve(to: CGPoint(x: 6.359, y: 14.378), control1: CGPoint(x: 6.589, y: 14.26), control2: CGPoint(x: 6.49, y: 14.34)) p.addCurve(to: CGPoint(x: 5.978, y: 14.331), control1: CGPoint(x: 6.228, y: 14.415), control2: CGPoint(x: 6.101, y: 14.4)) p.addCurve(to: CGPoint(x: 3.208, y: 12.012), control1: CGPoint(x: 4.811, y: 13.684), control2: CGPoint(x: 3.887, y: 12.911)) p.addCurve(to: CGPoint(x: 2, y: 8.5), control1: CGPoint(x: 2.403, y: 10.946), control2: CGPoint(x: 2, y: 9.775)) p.addLine(to: CGPoint(x: 2, y: 3.5)) p.addCurve(to: CGPoint(x: 2.144, y: 3.144), control1: CGPoint(x: 2, y: 3.359), control2: CGPoint(x: 2.048, y: 3.241)) p.closeSubpath() p.move(to: CGPoint(x: 13.156, y: 7.316)) p.addCurve(to: CGPoint(x: 14.682, y: 8.318), control1: CGPoint(x: 13.734, y: 7.545), control2: CGPoint(x: 14.243, y: 7.879)) p.addCurve(to: CGPoint(x: 15.684, y: 9.844), control1: CGPoint(x: 15.121, y: 8.757), control2: CGPoint(x: 15.455, y: 9.266)) p.addCurve(to: CGPoint(x: 16, y: 11.5), control1: CGPoint(x: 15.895, y: 10.376), control2: CGPoint(x: 16, y: 10.928)) p.addCurve(to: CGPoint(x: 15.684, y: 13.156), control1: CGPoint(x: 16, y: 12.072), control2: CGPoint(x: 15.895, y: 12.624)) p.addCurve(to: CGPoint(x: 14.682, y: 14.682), control1: CGPoint(x: 15.455, y: 13.734), control2: CGPoint(x: 15.121, y: 14.243)) p.addCurve(to: CGPoint(x: 13.156, y: 15.684), control1: CGPoint(x: 14.243, y: 15.121), control2: CGPoint(x: 13.734, y: 15.455)) p.addCurve(to: CGPoint(x: 11.5, y: 16), control1: CGPoint(x: 12.624, y: 15.895), control2: CGPoint(x: 12.072, y: 16)) p.addCurve(to: CGPoint(x: 9.844, y: 15.684), control1: CGPoint(x: 10.928, y: 16), control2: CGPoint(x: 10.376, y: 15.895)) p.addCurve(to: CGPoint(x: 8.318, y: 14.682), control1: CGPoint(x: 9.266, y: 15.455), control2: CGPoint(x: 8.757, y: 15.121)) p.addCurve(to: CGPoint(x: 7.316, y: 13.156), control1: CGPoint(x: 7.879, y: 14.243), control2: CGPoint(x: 7.545, y: 13.734)) p.addCurve(to: CGPoint(x: 7, y: 11.5), control1: CGPoint(x: 7.105, y: 12.624), control2: CGPoint(x: 7, y: 12.072)) p.addCurve(to: CGPoint(x: 7.316, y: 9.844), control1: CGPoint(x: 7, y: 10.928), control2: CGPoint(x: 7.105, y: 10.376)) p.addCurve(to: CGPoint(x: 8.318, y: 8.318), control1: CGPoint(x: 7.545, y: 9.266), control2: CGPoint(x: 7.879, y: 8.757)) p.addCurve(to: CGPoint(x: 9.844, y: 7.316), control1: CGPoint(x: 8.757, y: 7.879), control2: CGPoint(x: 9.266, y: 7.545)) p.addCurve(to: CGPoint(x: 11.5, y: 7), control1: CGPoint(x: 10.376, y: 7.105), control2: CGPoint(x: 10.928, y: 7)) p.addCurve(to: CGPoint(x: 13.156, y: 7.316), control1: CGPoint(x: 12.072, y: 7), control2: CGPoint(x: 12.624, y: 7.105)) p.closeSubpath() p.move(to: CGPoint(x: 10.5, y: 9)) p.addCurve(to: CGPoint(x: 10, y: 9.5), control1: CGPoint(x: 10.224, y: 9), control2: CGPoint(x: 10, y: 9.224)) p.addLine(to: CGPoint(x: 10, y: 13.5)) p.addCurve(to: CGPoint(x: 10.5, y: 14), control1: CGPoint(x: 10, y: 13.776), control2: CGPoint(x: 10.224, y: 14)) p.addCurve(to: CGPoint(x: 11, y: 13.5), control1: CGPoint(x: 10.776, y: 14), control2: CGPoint(x: 11, y: 13.776)) p.addLine(to: CGPoint(x: 11, y: 9.5)) p.addCurve(to: CGPoint(x: 10.5, y: 9), control1: CGPoint(x: 11, y: 9.224), control2: CGPoint(x: 10.776, y: 9)) p.closeSubpath() p.move(to: CGPoint(x: 12.5, y: 9)) p.addCurve(to: CGPoint(x: 12, y: 9.5), control1: CGPoint(x: 12.224, y: 9), control2: CGPoint(x: 12, y: 9.224)) p.addLine(to: CGPoint(x: 12, y: 13.5)) p.addCurve(to: CGPoint(x: 12.5, y: 14), control1: CGPoint(x: 12, y: 13.776), control2: CGPoint(x: 12.224, y: 14)) p.addCurve(to: CGPoint(x: 13, y: 13.5), control1: CGPoint(x: 12.776, y: 14), control2: CGPoint(x: 13, y: 13.776)) p.addLine(to: CGPoint(x: 13, y: 9.5)) p.addCurve(to: CGPoint(x: 12.5, y: 9), control1: CGPoint(x: 13, y: 9.224), control2: CGPoint(x: 12.776, y: 9)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // ShieldPauseIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "shield-pause" (line-round), MIT. https://gentleface.com/icons/shield-pause 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 ShieldPauseIcon: ImageVector by lazy { ImageVector.Builder( name = "shield-pause", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M2.144 3.144C2.241 3.048 2.359 3 2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596C10.693 2.865 11.529 3 12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6C12.359 6 12.241 5.952 12.144 5.856C12.048 5.759 12 5.641 12 5.5L12 3.989C11.111 3.947 10.322 3.794 9.633 3.529C8.886 3.242 8.175 2.795 7.5 2.189C6.825 2.795 6.114 3.242 5.367 3.529C4.678 3.794 3.889 3.947 3 3.989L3 8.5C3 9.552 3.335 10.521 4.006 11.409C4.575 12.163 5.351 12.821 6.332 13.383C6.35 13.43 6.368 13.478 6.386 13.525C6.468 13.731 6.561 13.931 6.665 14.123C6.663 14.128 6.66 14.132 6.658 14.136C6.589 14.26 6.49 14.34 6.359 14.378C6.228 14.415 6.101 14.4 5.978 14.331C4.811 13.684 3.887 12.911 3.208 12.012C2.403 10.946 2 9.775 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM10.5 9C10.224 9 10 9.224 10 9.5L10 13.5C10 13.776 10.224 14 10.5 14C10.776 14 11 13.776 11 13.5L11 9.5C11 9.224 10.776 9 10.5 9ZM12.5 9C12.224 9 12 9.224 12 9.5L12 13.5C12 13.776 12.224 14 12.5 14C12.776 14 13 13.776 13 13.5L13 9.5C13 9.224 12.776 9 12.5 9Z"), fill = SolidColor(Color.Black), ).build() } // Icon(ShieldPauseIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "shield-pause" (line-round), MIT. https://gentleface.com/icons/shield-pause import 'package:flutter/widgets.dart'; class ShieldPauseIcon extends StatelessWidget { const ShieldPauseIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _ShieldPauseIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _ShieldPauseIconPainter extends CustomPainter { _ShieldPauseIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(2.144, 3.144) ..cubicTo(2.241, 3.048, 2.359, 3, 2.5, 3) ..cubicTo(3.471, 3, 4.307, 2.865, 5.008, 2.596) ..cubicTo(5.754, 2.309, 6.467, 1.826, 7.146, 1.146) ..cubicTo(7.244, 1.049, 7.362, 1, 7.5, 1) ..cubicTo(7.638, 1, 7.756, 1.049, 7.854, 1.146) ..cubicTo(8.533, 1.826, 9.246, 2.309, 9.992, 2.596) ..cubicTo(10.693, 2.865, 11.529, 3, 12.5, 3) ..cubicTo(12.641, 3, 12.759, 3.048, 12.856, 3.144) ..cubicTo(12.952, 3.241, 13, 3.359, 13, 3.5) ..lineTo(13, 5.5) ..cubicTo(13, 5.641, 12.952, 5.759, 12.856, 5.856) ..cubicTo(12.759, 5.952, 12.641, 6, 12.5, 6) ..cubicTo(12.359, 6, 12.241, 5.952, 12.144, 5.856) ..cubicTo(12.048, 5.759, 12, 5.641, 12, 5.5) ..lineTo(12, 3.989) ..cubicTo(11.111, 3.947, 10.322, 3.794, 9.633, 3.529) ..cubicTo(8.886, 3.242, 8.175, 2.795, 7.5, 2.189) ..cubicTo(6.825, 2.795, 6.114, 3.242, 5.367, 3.529) ..cubicTo(4.678, 3.794, 3.889, 3.947, 3, 3.989) ..lineTo(3, 8.5) ..cubicTo(3, 9.552, 3.335, 10.521, 4.006, 11.409) ..cubicTo(4.575, 12.163, 5.351, 12.821, 6.332, 13.383) ..cubicTo(6.35, 13.43, 6.368, 13.478, 6.386, 13.525) ..cubicTo(6.468, 13.731, 6.561, 13.931, 6.665, 14.123) ..cubicTo(6.663, 14.128, 6.66, 14.132, 6.658, 14.136) ..cubicTo(6.589, 14.26, 6.49, 14.34, 6.359, 14.378) ..cubicTo(6.228, 14.415, 6.101, 14.4, 5.978, 14.331) ..cubicTo(4.811, 13.684, 3.887, 12.911, 3.208, 12.012) ..cubicTo(2.403, 10.946, 2, 9.775, 2, 8.5) ..lineTo(2, 3.5) ..cubicTo(2, 3.359, 2.048, 3.241, 2.144, 3.144) ..close() ..moveTo(13.156, 7.316) ..cubicTo(13.734, 7.545, 14.243, 7.879, 14.682, 8.318) ..cubicTo(15.121, 8.757, 15.455, 9.266, 15.684, 9.844) ..cubicTo(15.895, 10.376, 16, 10.928, 16, 11.5) ..cubicTo(16, 12.072, 15.895, 12.624, 15.684, 13.156) ..cubicTo(15.455, 13.734, 15.121, 14.243, 14.682, 14.682) ..cubicTo(14.243, 15.121, 13.734, 15.455, 13.156, 15.684) ..cubicTo(12.624, 15.895, 12.072, 16, 11.5, 16) ..cubicTo(10.928, 16, 10.376, 15.895, 9.844, 15.684) ..cubicTo(9.266, 15.455, 8.757, 15.121, 8.318, 14.682) ..cubicTo(7.879, 14.243, 7.545, 13.734, 7.316, 13.156) ..cubicTo(7.105, 12.624, 7, 12.072, 7, 11.5) ..cubicTo(7, 10.928, 7.105, 10.376, 7.316, 9.844) ..cubicTo(7.545, 9.266, 7.879, 8.757, 8.318, 8.318) ..cubicTo(8.757, 7.879, 9.266, 7.545, 9.844, 7.316) ..cubicTo(10.376, 7.105, 10.928, 7, 11.5, 7) ..cubicTo(12.072, 7, 12.624, 7.105, 13.156, 7.316) ..close() ..moveTo(10.5, 9) ..cubicTo(10.224, 9, 10, 9.224, 10, 9.5) ..lineTo(10, 13.5) ..cubicTo(10, 13.776, 10.224, 14, 10.5, 14) ..cubicTo(10.776, 14, 11, 13.776, 11, 13.5) ..lineTo(11, 9.5) ..cubicTo(11, 9.224, 10.776, 9, 10.5, 9) ..close() ..moveTo(12.5, 9) ..cubicTo(12.224, 9, 12, 9.224, 12, 9.5) ..lineTo(12, 13.5) ..cubicTo(12, 13.776, 12.224, 14, 12.5, 14) ..cubicTo(12.776, 14, 13, 13.776, 13, 13.5) ..lineTo(13, 9.5) ..cubicTo(13, 9.224, 12.776, 9, 12.5, 9) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_ShieldPauseIconPainter old) => old.color != color; } ```