Skip to content
SVG Nexus Vector and 3D Icons
3d MIT 31 vector nodes
Safety Vest - Fluent UI Emoji iconFree Safety Vest vector icon from the Fluent UI Emoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px Static
1. Color

Original icon colors are kept until you pick a new color.

2. Canvas Backdrop and Transforms
3. Live Vector Animation Presets Included in SVG export
Edit in SVG Editor Open 3D Icon Editor
Fluent UI Emoji | 3D Vector Icons | viewBox="0 0 32 32" | Free for commercial use

Safety Vest - Vector and 3D Icons

Source, author, and license are available in the preview and icon details. Safety Vest - Free for commercial use. License shown on every icon.. No Sign-Up Required | 100% Browser-Based Processing

Instant Vector and High-DPI Raster Downloads
Original icon colors are kept until you pick a new color. fluentui-emoji-safety-vest.svg (13,129 B)
Quick Copy for Developers and UI Frameworks
Live Code Output 
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Safety Vest icon"><title>Safety Vest - Fluent UI Emoji icon</title><desc>Free Safety Vest vector icon from the Fluent UI Emoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<path d="M15.7675 27.9107C15.1091 28.9456 14.2059 29.6474 13.7188 29.8516L9.03125 24.8345V2.14844H22.9688V22.1857L18.2075 29.8287C17.3089 29.4058 16.5406 28.4899 16.1659 27.9125C16.0765 27.7748 15.8557 27.7722 15.7675 27.9107Z" fill="url(#nx40527_paint0_linear_18_16330)"/>
<path d="M15.7675 27.9107C15.1091 28.9456 14.2059 29.6474 13.7188 29.8516L9.03125 24.8345V2.14844H22.9688V22.1857L18.2075 29.8287C17.3089 29.4058 16.5406 28.4899 16.1659 27.9125C16.0765 27.7748 15.8557 27.7722 15.7675 27.9107Z" fill="url(#nx40527_paint1_radial_18_16330)"/>
<path d="M15.7675 27.9107C15.1091 28.9456 14.2059 29.6474 13.7188 29.8516L9.03125 24.8345V2.14844H22.9688V22.1857L18.2075 29.8287C17.3089 29.4058 16.5406 28.4899 16.1659 27.9125C16.0765 27.7748 15.8557 27.7722 15.7675 27.9107Z" fill="url(#nx40527_paint2_linear_18_16330)"/>
<g filter="url(#nx40527_filter0_f_18_16330)">
<path d="M28.623 26.3406V14.2344C28.623 13.3871 28.3938 12.5555 27.9596 11.8278L26.3447 9.12123C25.6005 7.87379 25.1043 6.49425 24.8835 5.0585L24.8488 4.83286C24.6727 3.68712 23.6868 2.84131 22.5276 2.84131H21.6315C20.7369 2.84131 19.9392 3.40452 19.6398 4.24753L16.3251 13.5804C16.11 14.186 16.0001 14.824 16.0001 15.4667V25.1782C16.0001 25.9074 16.7542 26.844 17.3991 27.1845V27.1845C18.7915 27.9199 20.5016 29.1587 22.0762 29.1587H25.8049C27.3613 29.1587 28.623 27.897 28.623 26.3406Z" fill="#9A1D43"/>
</g>
<g filter="url(#nx40527_filter1_ii_18_16330)">
<path d="M1.96875 27.1641V14.2767C1.96875 13.3747 2.21277 12.4895 2.67496 11.7148L4.39406 8.83359C5.18638 7.50565 5.71458 6.03709 5.94958 4.5087L5.98652 4.2685C6.17406 3.04883 7.22347 2.14844 8.45748 2.14844H9.41142C10.3638 2.14844 11.2129 2.74799 11.5317 3.6454L15.0602 13.5805C15.2892 14.2252 15.4062 14.9043 15.4062 15.5885V27.1641C15.4062 28.8209 14.0631 30.1641 12.4062 30.1641H4.96875C3.3119 30.1641 1.96875 28.8209 1.96875 27.1641Z" fill="url(#nx40527_paint3_linear_18_16330)"/>
<path d="M1.96875 27.1641V14.2767C1.96875 13.3747 2.21277 12.4895 2.67496 11.7148L4.39406 8.83359C5.18638 7.50565 5.71458 6.03709 5.94958 4.5087L5.98652 4.2685C6.17406 3.04883 7.22347 2.14844 8.45748 2.14844H9.41142C10.3638 2.14844 11.2129 2.74799 11.5317 3.6454L15.0602 13.5805C15.2892 14.2252 15.4062 14.9043 15.4062 15.5885V27.1641C15.4062 28.8209 14.0631 30.1641 12.4062 30.1641H4.96875C3.3119 30.1641 1.96875 28.8209 1.96875 27.1641Z" fill="url(#nx40527_paint4_linear_18_16330)"/>
<path d="M1.96875 27.1641V14.2767C1.96875 13.3747 2.21277 12.4895 2.67496 11.7148L4.39406 8.83359C5.18638 7.50565 5.71458 6.03709 5.94958 4.5087L5.98652 4.2685C6.17406 3.04883 7.22347 2.14844 8.45748 2.14844H9.41142C10.3638 2.14844 11.2129 2.74799 11.5317 3.6454L15.0602 13.5805C15.2892 14.2252 15.4062 14.9043 15.4062 15.5885V27.1641C15.4062 28.8209 14.0631 30.1641 12.4062 30.1641H4.96875C3.3119 30.1641 1.96875 28.8209 1.96875 27.1641Z" fill="url(#nx40527_paint5_linear_18_16330)"/>
</g>
<g filter="url(#nx40527_filter2_ii_18_16330)">
<path d="M30.0156 27.1641V14.2767C30.0156 13.3747 29.7716 12.4895 29.3094 11.7148L27.5903 8.83359C26.798 7.50565 26.2698 6.03709 26.0348 4.5087L25.9979 4.2685C25.8103 3.04883 24.7609 2.14844 23.5269 2.14844H22.573C21.6206 2.14844 20.7714 2.74799 20.4527 3.6454L16.9241 13.5805C16.6952 14.2252 16.5781 14.9043 16.5781 15.5885V27.1641C16.5781 28.8209 17.9213 30.1641 19.5781 30.1641H27.0156C28.6725 30.1641 30.0156 28.8209 30.0156 27.1641Z" fill="url(#nx40527_paint6_linear_18_16330)"/>
<path d="M30.0156 27.1641V14.2767C30.0156 13.3747 29.7716 12.4895 29.3094 11.7148L27.5903 8.83359C26.798 7.50565 26.2698 6.03709 26.0348 4.5087L25.9979 4.2685C25.8103 3.04883 24.7609 2.14844 23.5269 2.14844H22.573C21.6206 2.14844 20.7714 2.74799 20.4527 3.6454L16.9241 13.5805C16.6952 14.2252 16.5781 14.9043 16.5781 15.5885V27.1641C16.5781 28.8209 17.9213 30.1641 19.5781 30.1641H27.0156C28.6725 30.1641 30.0156 28.8209 30.0156 27.1641Z" fill="url(#nx40527_paint7_linear_18_16330)"/>
<path d="M30.0156 27.1641V14.2767C30.0156 13.3747 29.7716 12.4895 29.3094 11.7148L27.5903 8.83359C26.798 7.50565 26.2698 6.03709 26.0348 4.5087L25.9979 4.2685C25.8103 3.04883 24.7609 2.14844 23.5269 2.14844H22.573C21.6206 2.14844 20.7714 2.74799 20.4527 3.6454L16.9241 13.5805C16.6952 14.2252 16.5781 14.9043 16.5781 15.5885V27.1641C16.5781 28.8209 17.9213 30.1641 19.5781 30.1641H27.0156C28.6725 30.1641 30.0156 28.8209 30.0156 27.1641Z" fill="url(#nx40527_paint8_radial_18_16330)"/>
</g>
<path d="M9.96875 2.21841C9.78943 2.17257 9.6025 2.14844 9.41142 2.14844H8.45748C8.30158 2.14844 8.14864 2.16281 8 2.19038V22.0469H1.96875V24.0156L15.4062 24.0156V22.0469H9.96875V2.21841Z" fill="url(#nx40527_paint9_linear_18_16330)"/>
<path d="M9.96875 2.21841C9.78943 2.17257 9.6025 2.14844 9.41142 2.14844H8.45748C8.30158 2.14844 8.14864 2.16281 8 2.19038V22.0469H1.96875V24.0156L15.4062 24.0156V22.0469H9.96875V2.21841Z" fill="url(#nx40527_paint10_linear_18_16330)"/>
<path d="M9.96875 2.21841C9.78943 2.17257 9.6025 2.14844 9.41142 2.14844H8.45748C8.30158 2.14844 8.14864 2.16281 8 2.19038V22.0469H1.96875V24.0156L15.4062 24.0156V22.0469H9.96875V2.21841Z" fill="url(#nx40527_paint11_linear_18_16330)"/>
<path d="M9.96875 2.21841C9.78943 2.17257 9.6025 2.14844 9.41142 2.14844H8.45748C8.30158 2.14844 8.14864 2.16281 8 2.19038V22.0469H1.96875V24.0156L15.4062 24.0156V22.0469H9.96875V2.21841Z" fill="url(#nx40527_paint12_linear_18_16330)"/>
<path d="M22.0156 2.21841C22.1949 2.17257 22.3819 2.14844 22.573 2.14844H23.5269C23.6828 2.14844 23.8357 2.16281 23.9844 2.19038V22.0469H30.0156V24.0156L16.5781 24.0156V22.0469H22.0156V2.21841Z" fill="url(#nx40527_paint13_linear_18_16330)"/>
<path d="M22.0156 2.21841C22.1949 2.17257 22.3819 2.14844 22.573 2.14844H23.5269C23.6828 2.14844 23.8357 2.16281 23.9844 2.19038V22.0469H30.0156V24.0156L16.5781 24.0156V22.0469H22.0156V2.21841Z" fill="url(#nx40527_paint14_linear_18_16330)"/>
<path d="M22.0156 2.21841C22.1949 2.17257 22.3819 2.14844 22.573 2.14844H23.5269C23.6828 2.14844 23.8357 2.16281 23.9844 2.19038V22.0469H30.0156V24.0156L16.5781 24.0156V22.0469H22.0156V2.21841Z" fill="url(#nx40527_paint15_linear_18_16330)"/>
<defs>
<filter id="nx40527_filter0_f_18_16330" x="15" y="1.84131" width="14.623" height="28.3174" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.5" result="effect1_foregroundBlur_18_16330"/>
</filter>
<filter id="nx40527_filter1_ii_18_16330" x="1.86875" y="2.14844" width="14.0375" height="28.0156" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.5"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.87451 0 0 0 0 0.329412 0 0 0 0 0.278431 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_16330"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-0.1"/>
<feGaussianBlur stdDeviation="0.375"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.454902 0 0 0 0 0.0862745 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_18_16330" result="effect2_innerShadow_18_16330"/>
</filter>
<filter id="nx40527_filter2_ii_18_16330" x="16.4781" y="2.14844" width="14.0375" height="28.0156" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.5"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.909804 0 0 0 0 0.211765 0 0 0 0 0.0470588 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_16330"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-0.1"/>
<feGaussianBlur stdDeviation="0.375"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.996078 0 0 0 0 0.623529 0 0 0 0 0.403922 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_18_16330" result="effect2_innerShadow_18_16330"/>
</filter>
<linearGradient id="nx40527_paint0_linear_18_16330" x1="16" y1="2.14844" x2="16" y2="27.7965" gradientUnits="userSpaceOnUse">
<stop offset="0.00500321" stop-color="#D33B65"/>
<stop offset="0.0821985" stop-color="#D33567"/>
<stop offset="1" stop-color="#9D244B"/>
</linearGradient>
<radialGradient id="nx40527_paint1_radial_18_16330" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16 28.1116) rotate(-90) scale(2.6258 1.57057)">
<stop stop-color="#B41C6A"/>
<stop offset="1" stop-color="#B41C6A" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx40527_paint2_linear_18_16330" x1="16" y1="2.14844" x2="16" y2="3.0977" gradientUnits="userSpaceOnUse">
<stop stop-color="#CB375B"/>
<stop offset="1" stop-color="#CB375B" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx40527_paint3_linear_18_16330" x1="8.6875" y1="2.14844" x2="8.6875" y2="30.1641" gradientUnits="userSpaceOnUse">
<stop stop-color="#FD792C"/>
<stop offset="1" stop-color="#FF2F52"/>
</linearGradient>
<linearGradient id="nx40527_paint4_linear_18_16330" x1="15.6648" y1="27.1644" x2="12.2231" y2="27.1644" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF6652"/>
<stop offset="1" stop-color="#FF6652" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx40527_paint5_linear_18_16330" x1="13.6743" y1="8.35156" x2="9.04932" y2="9.97656" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFA362"/>
<stop offset="1" stop-color="#FF7F4D" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx40527_paint6_linear_18_16330" x1="23.2969" y1="11.2402" x2="23.2969" y2="30.1641" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF7C39"/>
<stop offset="1" stop-color="#FF2F52"/>
</linearGradient>
<linearGradient id="nx40527_paint7_linear_18_16330" x1="30.3364" y1="27.1644" x2="26.5458" y2="27.1644" gradientUnits="userSpaceOnUse">
<stop stop-color="#FF6652"/>
<stop offset="1" stop-color="#FF6652" stop-opacity="0"/>
</linearGradient>
<radialGradient id="nx40527_paint8_radial_18_16330" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(28.0507 7.35584) rotate(151.844) scale(4.72637 18.388)">
<stop offset="0.254101" stop-color="#FFA967"/>
<stop offset="1" stop-color="#FF7D49" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx40527_paint9_linear_18_16330" x1="8.6875" y1="6.2994" x2="8.6875" y2="24.0156" gradientUnits="userSpaceOnUse">
<stop stop-color="#DBD2E5"/>
<stop offset="1" stop-color="#E3C8FE"/>
</linearGradient>
<linearGradient id="nx40527_paint10_linear_18_16330" x1="1.96875" y1="23.2024" x2="4.28081" y2="23.2024" gradientUnits="userSpaceOnUse">
<stop stop-color="#B8A7CA"/>
<stop offset="1" stop-color="#B8A7CA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx40527_paint11_linear_18_16330" x1="15.7843" y1="24.0156" x2="12.615" y2="24.0156" gradientUnits="userSpaceOnUse">
<stop offset="0.0740743" stop-color="#F4DDFF"/>
<stop offset="1" stop-color="#F4DDFF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx40527_paint12_linear_18_16330" x1="15.4062" y1="24.0156" x2="14.4637" y2="24.0156" gradientUnits="userSpaceOnUse">
<stop offset="0.0740743" stop-color="#DDC0E3"/>
<stop offset="1" stop-color="#EDD4FF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx40527_paint13_linear_18_16330" x1="23.2969" y1="6.2994" x2="23.2969" y2="24.0156" gradientUnits="userSpaceOnUse">
<stop stop-color="#DBD2E5"/>
<stop offset="1" stop-color="#E3C8FE"/>
</linearGradient>
<linearGradient id="nx40527_paint14_linear_18_16330" x1="16.5781" y1="23.2024" x2="19.2923" y2="23.2024" gradientUnits="userSpaceOnUse">
<stop stop-color="#B8A7CA"/>
<stop offset="1" stop-color="#B8A7CA" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx40527_paint15_linear_18_16330" x1="30.0156" y1="24.0156" x2="27.3881" y2="24.0156" gradientUnits="userSpaceOnUse">
<stop offset="0.0740743" stop-color="#F4DDFF"/>
<stop offset="1" stop-color="#F4DDFF" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
AI Prompt and Vector Enhancer

Want to Improve or Restyle This Icon? Safety Vest

Generate a precise engineering prompt, or improve the icon on the canvas right now. Safety Vest

Open in AI Icon Generator Tool
100% client-side prompt builder
Safety Vest Free SVG Vector Icon - Fluent UI Emoji (MIT)
Icon Source and License Verification LICENSE.txt

Library: Fluent UI Emoji | Author: Microsoft Corporation | License: MIT | No Sign-Up Required | 100% Browser-Based Processing

Keywords
#fluentui #emoji #safety #vest #3d #icons #safety vest svg #safety vest icon #safety vest fluent ui emoji #safety vest react tsx #safety vest vue #safety vest png
Popular in your language
free svg icons download vector icons svg to png converter svg to react tsx component ai icon prompt generator 3d svg icons lucide icons heroicons bootstrap icons tabler icons

Safety Vest - Technical Vector Specifications

Source, author, and license are available in the preview and icon details. Safety Vest

Canonical asset identifier fluentui-emoji/fluentui-emoji-safety-vest
Source library pack Fluent UI Emoji
Coordinate grid and viewBox viewBox="0 0 32 32"
Uncompressed payload 13,129 bytes (~7,221 bytes gzipped)
SPDX license and commercial use MIT - Free for commercial use
Supported export targets SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
Security and privacy guarantee No Sign-Up Required | 100% Browser-Based Processing

How to Use and Customize This Icon: Safety Vest

  1. Customize visually: Color, Auto (Stroke and Fill), Stroke Width (0.5px-4px), Live Vector Animation Presets
  2. Download vector or raster: Download SVG, PNG (Transparent), WebP (Optimized) (2048x2048 px)
  3. Copy framework code: Copy ready code for React, Next.js, Vue 3, Svelte, Angular, HTML, and CSS masks.
  4. Deep vector editing: Edit in SVG Editor (76,166)
Accessibility tip (WCAG 2.1): Hide decorative icons with aria-hidden and focusable false. Give icon-only buttons a clear aria-label. Flip arrows and chevrons horizontally for right-to-left languages. fluentui-emoji-safety-vest.svg aria-hidden="true" focusable="false"

More in 3D Vector Icons

Browse

Explore more

Frequently Asked Questions

Safety Vest - Frequently Asked Questions

Is the Safety Vest SVG icon free for commercial use? +

Yes. The Safety Vest icon from the Fluent UI Emoji collection is licensed under MIT. You can use it free of charge in commercial websites, mobile apps, SaaS products, and print designs.

Does the Safety Vest icon keep its original default colors on download? +

Yes. By default, downloading Safety Vest keeps its original SVG colors and stroke settings untouched. If you pick a custom color or stroke width in the live editor, your downloaded file will include your custom changes.

How do I use the Safety Vest icon in React, Next.js, or Vue? +

Switch to the React TSX or Vue 3 tab on this page and click Copy SVG. Paste the component into your project and style it with standard CSS or Tailwind classes.

Can I download Safety Vest as a transparent PNG image? +

Yes. Choose your preferred size such as 64px, 128px, 256px, 512px, or 2048px and click Download PNG to render a high-resolution transparent PNG in your browser.

How do I animate the Safety Vest SVG icon with CSS? +

Click any animation button in the Live Editor such as Spin, Pulse, Bounce, Float, or Draw. The SVG code and download automatically include the matching CSS keyframes.

Can I generate an AI prompt for Safety Vest? +

Yes. Use the AI Icon Prompt Generator section on this page to create a tailored prompt for Safety Vest in 3D Clay, Glassmorphism, Neon, or Minimalist Vector style.

Can I resize the Safety Vest icon without losing quality? +

Yes. The Safety Vest file is a vector with a scalable viewBox, so it stays sharp at 16px, 64px, 512px, or any print size.

Where do I report a problem with the Safety Vest icon file? +

Write to support@svgnexus.com with the icon URL. License and takedown questions about Safety Vest go to legal@svgnexus.com.

100% Browser-Based Processing | 76,166 icons

SVG Editor

Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.

Open in Editor Explore All Icons (76,166)

Type to search 76,166 vector icons...

Navigate | Enter Open Explore All Icons

Compare

Icon Source and License

License Commercial use Attribution Modify or recolor
MITAllowedNotice in bundleAllowed
ISCAllowedNotice in bundleAllowed
Apache-2.0AllowedRequired with notice fileAllowed
CC BY 4.0AllowedCredit requiredAllowed
CC-BY-SA-4.0AllowedShareAlikeShareAlike
Trademark / BrandReferential use onlyOwner guidelinesRestricted

Icon Preview