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

``` ### CSS ```css /* Gentleface "shield-off" (line-round), MIT. https://gentleface.com/icons/shield-off. Takes the text color. */ .icon-shield-off { 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='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.576 12.283C11.132 12.814 10.593 13.302 9.959 13.747C9.277 14.225 8.519 14.631 7.686 14.964C7.562 15.014 7.438 15.014 7.314 14.964C6.625 14.689 5.985 14.362 5.395 13.984C4.741 13.565 4.175 13.101 3.698 12.592C3.165 12.024 2.757 11.414 2.472 10.763C2.157 10.044 2 9.29 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144C2.197 3.092 2.256 3.053 2.322 3.03L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.866 11.573L3.267 3.974C3.179 3.98 3.09 3.985 3 3.989L3 8.5C3 9.757 3.476 10.893 4.427 11.908C4.848 12.357 5.35 12.768 5.934 13.141C6.418 13.451 6.94 13.724 7.5 13.96C8.189 13.67 8.817 13.326 9.385 12.928C9.975 12.514 10.468 12.063 10.866 11.573ZM5.049 3.049C5.019 2.947 5.023 2.845 5.06 2.743C5.107 2.615 5.195 2.522 5.323 2.463C5.951 2.173 6.559 1.734 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 8.5C13 8.964 12.945 9.416 12.836 9.858C12.803 9.994 12.727 10.098 12.611 10.168C12.494 10.239 12.368 10.257 12.231 10.223C12.227 10.222 12.224 10.221 12.22 10.22L11.864 9.864C11.844 9.786 11.844 9.704 11.866 9.618C11.955 9.255 12 8.883 12 8.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.936 2.696 6.35 3.09 5.742 3.371C5.629 3.423 5.515 3.432 5.399 3.399L5.049 3.049Z'/%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='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.576 12.283C11.132 12.814 10.593 13.302 9.959 13.747C9.277 14.225 8.519 14.631 7.686 14.964C7.562 15.014 7.438 15.014 7.314 14.964C6.625 14.689 5.985 14.362 5.395 13.984C4.741 13.565 4.175 13.101 3.698 12.592C3.165 12.024 2.757 11.414 2.472 10.763C2.157 10.044 2 9.29 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144C2.197 3.092 2.256 3.053 2.322 3.03L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.866 11.573L3.267 3.974C3.179 3.98 3.09 3.985 3 3.989L3 8.5C3 9.757 3.476 10.893 4.427 11.908C4.848 12.357 5.35 12.768 5.934 13.141C6.418 13.451 6.94 13.724 7.5 13.96C8.189 13.67 8.817 13.326 9.385 12.928C9.975 12.514 10.468 12.063 10.866 11.573ZM5.049 3.049C5.019 2.947 5.023 2.845 5.06 2.743C5.107 2.615 5.195 2.522 5.323 2.463C5.951 2.173 6.559 1.734 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 8.5C13 8.964 12.945 9.416 12.836 9.858C12.803 9.994 12.727 10.098 12.611 10.168C12.494 10.239 12.368 10.257 12.231 10.223C12.227 10.222 12.224 10.221 12.22 10.22L11.864 9.864C11.844 9.786 11.844 9.704 11.866 9.618C11.955 9.255 12 8.883 12 8.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.936 2.696 6.35 3.09 5.742 3.371C5.629 3.423 5.515 3.432 5.399 3.399L5.049 3.049Z'/%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='M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.576 12.283C11.132 12.814 10.593 13.302 9.959 13.747C9.277 14.225 8.519 14.631 7.686 14.964C7.562 15.014 7.438 15.014 7.314 14.964C6.625 14.689 5.985 14.362 5.395 13.984C4.741 13.565 4.175 13.101 3.698 12.592C3.165 12.024 2.757 11.414 2.472 10.763C2.157 10.044 2 9.29 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144C2.197 3.092 2.256 3.053 2.322 3.03L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.866 11.573L3.267 3.974C3.179 3.98 3.09 3.985 3 3.989L3 8.5C3 9.757 3.476 10.893 4.427 11.908C4.848 12.357 5.35 12.768 5.934 13.141C6.418 13.451 6.94 13.724 7.5 13.96C8.189 13.67 8.817 13.326 9.385 12.928C9.975 12.514 10.468 12.063 10.866 11.573ZM5.049 3.049C5.019 2.947 5.023 2.845 5.06 2.743C5.107 2.615 5.195 2.522 5.323 2.463C5.951 2.173 6.559 1.734 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 8.5C13 8.964 12.945 9.416 12.836 9.858C12.803 9.994 12.727 10.098 12.611 10.168C12.494 10.239 12.368 10.257 12.231 10.223C12.227 10.222 12.224 10.221 12.22 10.22L11.864 9.864C11.844 9.786 11.844 9.704 11.866 9.618C11.955 9.255 12 8.883 12 8.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.936 2.696 6.35 3.09 5.742 3.371C5.629 3.423 5.515 3.432 5.399 3.399L5.049 3.049Z'/%3E%3C/svg%3E ``` ### Sprite ```html ``` ### SwiftUI ```swift // Gentleface "shield-off" (line-round), MIT. https://gentleface.com/icons/shield-off import SwiftUI struct ShieldOffIcon: Shape { func path(in rect: CGRect) -> Path { var p = Path() p.move(to: CGPoint(x: 15.003, y: 14.5)) p.addCurve(to: CGPoint(x: 14.854, y: 14.854), control1: CGPoint(x: 15.003, y: 14.636), control2: CGPoint(x: 14.953, y: 14.754)) p.addCurve(to: CGPoint(x: 14.5, y: 15.003), control1: CGPoint(x: 14.754, y: 14.953), control2: CGPoint(x: 14.636, y: 15.003)) p.addCurve(to: CGPoint(x: 14.146, y: 14.854), control1: CGPoint(x: 14.364, y: 15.003), control2: CGPoint(x: 14.246, y: 14.953)) p.addLine(to: CGPoint(x: 11.576, y: 12.283)) p.addCurve(to: CGPoint(x: 9.959, y: 13.747), control1: CGPoint(x: 11.132, y: 12.814), control2: CGPoint(x: 10.593, y: 13.302)) p.addCurve(to: CGPoint(x: 7.686, y: 14.964), control1: CGPoint(x: 9.277, y: 14.225), control2: CGPoint(x: 8.519, y: 14.631)) p.addCurve(to: CGPoint(x: 7.314, y: 14.964), control1: CGPoint(x: 7.562, y: 15.014), control2: CGPoint(x: 7.438, y: 15.014)) p.addCurve(to: CGPoint(x: 5.395, y: 13.984), control1: CGPoint(x: 6.625, y: 14.689), control2: CGPoint(x: 5.985, y: 14.362)) p.addCurve(to: CGPoint(x: 3.698, y: 12.592), control1: CGPoint(x: 4.741, y: 13.565), control2: CGPoint(x: 4.175, y: 13.101)) p.addCurve(to: CGPoint(x: 2.472, y: 10.763), control1: CGPoint(x: 3.165, y: 12.024), control2: CGPoint(x: 2.757, y: 11.414)) p.addCurve(to: CGPoint(x: 2, y: 8.5), control1: CGPoint(x: 2.157, y: 10.044), control2: CGPoint(x: 2, y: 9.29)) 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.addCurve(to: CGPoint(x: 2.322, y: 3.03), control1: CGPoint(x: 2.197, y: 3.092), control2: CGPoint(x: 2.256, y: 3.053)) p.addLine(to: CGPoint(x: 1.146, y: 1.854)) p.addCurve(to: CGPoint(x: 0.997, y: 1.5), control1: CGPoint(x: 1.047, y: 1.754), control2: CGPoint(x: 0.997, y: 1.636)) p.addCurve(to: CGPoint(x: 1.146, y: 1.146), control1: CGPoint(x: 0.997, y: 1.364), control2: CGPoint(x: 1.047, y: 1.246)) p.addCurve(to: CGPoint(x: 1.5, y: 0.997), control1: CGPoint(x: 1.246, y: 1.047), control2: CGPoint(x: 1.364, y: 0.997)) p.addCurve(to: CGPoint(x: 1.854, y: 1.146), control1: CGPoint(x: 1.636, y: 0.997), control2: CGPoint(x: 1.754, y: 1.047)) p.addLine(to: CGPoint(x: 14.854, y: 14.146)) p.addCurve(to: CGPoint(x: 15.003, y: 14.5), control1: CGPoint(x: 14.953, y: 14.246), control2: CGPoint(x: 15.003, y: 14.364)) p.closeSubpath() p.move(to: CGPoint(x: 10.866, y: 11.573)) p.addLine(to: CGPoint(x: 3.267, y: 3.974)) p.addCurve(to: CGPoint(x: 3, y: 3.989), control1: CGPoint(x: 3.179, y: 3.98), control2: CGPoint(x: 3.09, y: 3.985)) p.addLine(to: CGPoint(x: 3, y: 8.5)) p.addCurve(to: CGPoint(x: 4.427, y: 11.908), control1: CGPoint(x: 3, y: 9.757), control2: CGPoint(x: 3.476, y: 10.893)) p.addCurve(to: CGPoint(x: 5.934, y: 13.141), control1: CGPoint(x: 4.848, y: 12.357), control2: CGPoint(x: 5.35, y: 12.768)) p.addCurve(to: CGPoint(x: 7.5, y: 13.96), control1: CGPoint(x: 6.418, y: 13.451), control2: CGPoint(x: 6.94, y: 13.724)) p.addCurve(to: CGPoint(x: 9.385, y: 12.928), control1: CGPoint(x: 8.189, y: 13.67), control2: CGPoint(x: 8.817, y: 13.326)) p.addCurve(to: CGPoint(x: 10.866, y: 11.573), control1: CGPoint(x: 9.975, y: 12.514), control2: CGPoint(x: 10.468, y: 12.063)) p.closeSubpath() p.move(to: CGPoint(x: 5.049, y: 3.049)) p.addCurve(to: CGPoint(x: 5.06, y: 2.743), control1: CGPoint(x: 5.019, y: 2.947), control2: CGPoint(x: 5.023, y: 2.845)) p.addCurve(to: CGPoint(x: 5.323, y: 2.463), control1: CGPoint(x: 5.107, y: 2.615), control2: CGPoint(x: 5.195, y: 2.522)) p.addCurve(to: CGPoint(x: 7.146, y: 1.146), control1: CGPoint(x: 5.951, y: 2.173), control2: CGPoint(x: 6.559, y: 1.734)) 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: 8.5)) p.addCurve(to: CGPoint(x: 12.836, y: 9.858), control1: CGPoint(x: 13, y: 8.964), control2: CGPoint(x: 12.945, y: 9.416)) p.addCurve(to: CGPoint(x: 12.611, y: 10.168), control1: CGPoint(x: 12.803, y: 9.994), control2: CGPoint(x: 12.727, y: 10.098)) p.addCurve(to: CGPoint(x: 12.231, y: 10.223), control1: CGPoint(x: 12.494, y: 10.239), control2: CGPoint(x: 12.368, y: 10.257)) p.addCurve(to: CGPoint(x: 12.22, y: 10.22), control1: CGPoint(x: 12.227, y: 10.222), control2: CGPoint(x: 12.224, y: 10.221)) p.addLine(to: CGPoint(x: 11.864, y: 9.864)) p.addCurve(to: CGPoint(x: 11.866, y: 9.618), control1: CGPoint(x: 11.844, y: 9.786), control2: CGPoint(x: 11.844, y: 9.704)) p.addCurve(to: CGPoint(x: 12, y: 8.5), control1: CGPoint(x: 11.955, y: 9.255), control2: CGPoint(x: 12, y: 8.883)) 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.742, y: 3.371), control1: CGPoint(x: 6.936, y: 2.696), control2: CGPoint(x: 6.35, y: 3.09)) p.addCurve(to: CGPoint(x: 5.399, y: 3.399), control1: CGPoint(x: 5.629, y: 3.423), control2: CGPoint(x: 5.515, y: 3.432)) p.addLine(to: CGPoint(x: 5.049, y: 3.049)) p.closeSubpath() return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16)) } } // ShieldOffIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp. ``` ### Compose ```kotlin // Gentleface "shield-off" (line-round), MIT. https://gentleface.com/icons/shield-off 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 ShieldOffIcon: ImageVector by lazy { ImageVector.Builder( name = "shield-off", defaultWidth = 16.dp, defaultHeight = 16.dp, viewportWidth = 16f, viewportHeight = 16f, ).addPath( pathData = addPathNodes("M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.576 12.283C11.132 12.814 10.593 13.302 9.959 13.747C9.277 14.225 8.519 14.631 7.686 14.964C7.562 15.014 7.438 15.014 7.314 14.964C6.625 14.689 5.985 14.362 5.395 13.984C4.741 13.565 4.175 13.101 3.698 12.592C3.165 12.024 2.757 11.414 2.472 10.763C2.157 10.044 2 9.29 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144C2.197 3.092 2.256 3.053 2.322 3.03L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM10.866 11.573L3.267 3.974C3.179 3.98 3.09 3.985 3 3.989L3 8.5C3 9.757 3.476 10.893 4.427 11.908C4.848 12.357 5.35 12.768 5.934 13.141C6.418 13.451 6.94 13.724 7.5 13.96C8.189 13.67 8.817 13.326 9.385 12.928C9.975 12.514 10.468 12.063 10.866 11.573ZM5.049 3.049C5.019 2.947 5.023 2.845 5.06 2.743C5.107 2.615 5.195 2.522 5.323 2.463C5.951 2.173 6.559 1.734 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 8.5C13 8.964 12.945 9.416 12.836 9.858C12.803 9.994 12.727 10.098 12.611 10.168C12.494 10.239 12.368 10.257 12.231 10.223C12.227 10.222 12.224 10.221 12.22 10.22L11.864 9.864C11.844 9.786 11.844 9.704 11.866 9.618C11.955 9.255 12 8.883 12 8.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.936 2.696 6.35 3.09 5.742 3.371C5.629 3.423 5.515 3.432 5.399 3.399L5.049 3.049Z"), fill = SolidColor(Color.Black), ).build() } // Icon(ShieldOffIcon, contentDescription = null) tints it with LocalContentColor. ``` ### Android XML ```xml ``` ### Flutter ```dart // Gentleface "shield-off" (line-round), MIT. https://gentleface.com/icons/shield-off import 'package:flutter/widgets.dart'; class ShieldOffIcon extends StatelessWidget { const ShieldOffIcon({super.key, this.size = 16, this.color}); final double size; final Color? color; @override Widget build(BuildContext context) => CustomPaint( size: Size.square(size), painter: _ShieldOffIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)), ); } class _ShieldOffIconPainter extends CustomPainter { _ShieldOffIconPainter(this.color); final Color color; @override void paint(Canvas canvas, Size size) { canvas.scale(size.width / 16, size.height / 16); final p = Path() ..moveTo(15.003, 14.5) ..cubicTo(15.003, 14.636, 14.953, 14.754, 14.854, 14.854) ..cubicTo(14.754, 14.953, 14.636, 15.003, 14.5, 15.003) ..cubicTo(14.364, 15.003, 14.246, 14.953, 14.146, 14.854) ..lineTo(11.576, 12.283) ..cubicTo(11.132, 12.814, 10.593, 13.302, 9.959, 13.747) ..cubicTo(9.277, 14.225, 8.519, 14.631, 7.686, 14.964) ..cubicTo(7.562, 15.014, 7.438, 15.014, 7.314, 14.964) ..cubicTo(6.625, 14.689, 5.985, 14.362, 5.395, 13.984) ..cubicTo(4.741, 13.565, 4.175, 13.101, 3.698, 12.592) ..cubicTo(3.165, 12.024, 2.757, 11.414, 2.472, 10.763) ..cubicTo(2.157, 10.044, 2, 9.29, 2, 8.5) ..lineTo(2, 3.5) ..cubicTo(2, 3.359, 2.048, 3.241, 2.144, 3.144) ..cubicTo(2.197, 3.092, 2.256, 3.053, 2.322, 3.03) ..lineTo(1.146, 1.854) ..cubicTo(1.047, 1.754, 0.997, 1.636, 0.997, 1.5) ..cubicTo(0.997, 1.364, 1.047, 1.246, 1.146, 1.146) ..cubicTo(1.246, 1.047, 1.364, 0.997, 1.5, 0.997) ..cubicTo(1.636, 0.997, 1.754, 1.047, 1.854, 1.146) ..lineTo(14.854, 14.146) ..cubicTo(14.953, 14.246, 15.003, 14.364, 15.003, 14.5) ..close() ..moveTo(10.866, 11.573) ..lineTo(3.267, 3.974) ..cubicTo(3.179, 3.98, 3.09, 3.985, 3, 3.989) ..lineTo(3, 8.5) ..cubicTo(3, 9.757, 3.476, 10.893, 4.427, 11.908) ..cubicTo(4.848, 12.357, 5.35, 12.768, 5.934, 13.141) ..cubicTo(6.418, 13.451, 6.94, 13.724, 7.5, 13.96) ..cubicTo(8.189, 13.67, 8.817, 13.326, 9.385, 12.928) ..cubicTo(9.975, 12.514, 10.468, 12.063, 10.866, 11.573) ..close() ..moveTo(5.049, 3.049) ..cubicTo(5.019, 2.947, 5.023, 2.845, 5.06, 2.743) ..cubicTo(5.107, 2.615, 5.195, 2.522, 5.323, 2.463) ..cubicTo(5.951, 2.173, 6.559, 1.734, 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, 8.5) ..cubicTo(13, 8.964, 12.945, 9.416, 12.836, 9.858) ..cubicTo(12.803, 9.994, 12.727, 10.098, 12.611, 10.168) ..cubicTo(12.494, 10.239, 12.368, 10.257, 12.231, 10.223) ..cubicTo(12.227, 10.222, 12.224, 10.221, 12.22, 10.22) ..lineTo(11.864, 9.864) ..cubicTo(11.844, 9.786, 11.844, 9.704, 11.866, 9.618) ..cubicTo(11.955, 9.255, 12, 8.883, 12, 8.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.936, 2.696, 6.35, 3.09, 5.742, 3.371) ..cubicTo(5.629, 3.423, 5.515, 3.432, 5.399, 3.399) ..lineTo(5.049, 3.049) ..close(); canvas.drawPath(p, Paint()..color = color); } @override bool shouldRepaint(_ShieldOffIconPainter old) => old.color != color; } ```