Иконка Safety Vest
fluent-emoji:safety-vest
Иконка Safety Vest (fluent-emoji:safety-vest) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Теги
- safetyvest
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iSAMR9d)" d="M15.768 27.91c-.659 1.036-1.562 1.737-2.05 1.942l-4.687-5.018V2.148H22.97v20.038l-4.762 7.643c-.898-.423-1.666-1.34-2.041-1.916c-.09-.138-.31-.14-.399-.002"/><path fill="url(#i0brm7A)" d="M15.768 27.91c-.659 1.036-1.562 1.737-2.05 1.942l-4.687-5.018V2.148H22.97v20.038l-4.762 7.643c-.898-.423-1.666-1.34-2.041-1.916c-.09-.138-.31-.14-.399-.002"/><path fill="url(#iihw1Tb)" d="M15.768 27.91c-.659 1.036-1.562 1.737-2.05 1.942l-4.687-5.018V2.148H22.97v20.038l-4.762 7.643c-.898-.423-1.666-1.34-2.041-1.916c-.09-.138-.31-.14-.399-.002"/><g filter="url(#i1mBnoQ)"><path fill="#9A1D43" d="M28.623 26.34V14.235c0-.847-.23-1.678-.663-2.406L26.345 9.12a11.3 11.3 0 0 1-1.461-4.062l-.035-.226a2.35 2.35 0 0 0-2.321-1.992h-.896c-.895 0-1.693.564-1.992 1.407l-3.315 9.332A5.6 5.6 0 0 0 16 15.467v9.711c0 .73.754 1.666 1.4 2.006c1.392.736 3.102 1.975 4.676 1.975h3.729a2.82 2.82 0 0 0 2.818-2.818"/></g><g filter="url(#ijA5n1b)"><path fill="url(#i5EXdcc)" d="M1.969 27.164V14.277a5 5 0 0 1 .706-2.562l1.72-2.881A12 12 0 0 0 5.95 4.509l.037-.24a2.5 2.5 0 0 1 2.47-2.12h.954c.953 0 1.802.599 2.12 1.496l3.53 9.936c.228.644.345 1.323.345 2.008v11.575a3 3 0 0 1-3 3H4.97a3 3 0 0 1-3-3"/><path fill="url(#ivv4wne)" d="M1.969 27.164V14.277a5 5 0 0 1 .706-2.562l1.72-2.881A12 12 0 0 0 5.95 4.509l.037-.24a2.5 2.5 0 0 1 2.47-2.12h.954c.953 0 1.802.599 2.12 1.496l3.53 9.936c.228.644.345 1.323.345 2.008v11.575a3 3 0 0 1-3 3H4.97a3 3 0 0 1-3-3"/><path fill="url(#iL34mHa)" d="M1.969 27.164V14.277a5 5 0 0 1 .706-2.562l1.72-2.881A12 12 0 0 0 5.95 4.509l.037-.24a2.5 2.5 0 0 1 2.47-2.12h.954c.953 0 1.802.599 2.12 1.496l3.53 9.936c.228.644.345 1.323.345 2.008v11.575a3 3 0 0 1-3 3H4.97a3 3 0 0 1-3-3"/></g><g filter="url(#iQRYCwc)"><path fill="url(#idjAcHe)" d="M30.016 27.164V14.277a5 5 0 0 0-.707-2.562L27.59 8.834a12 12 0 0 1-1.555-4.325l-.037-.24a2.5 2.5 0 0 0-2.471-2.12h-.954c-.952 0-1.802.599-2.12 1.496l-3.529 9.936a6 6 0 0 0-.346 2.008v11.575a3 3 0 0 0 3 3h7.438a3 3 0 0 0 3-3"/><path fill="url(#iLTEwqb)" d="M30.016 27.164V14.277a5 5 0 0 0-.707-2.562L27.59 8.834a12 12 0 0 1-1.555-4.325l-.037-.24a2.5 2.5 0 0 0-2.471-2.12h-.954c-.952 0-1.802.599-2.12 1.496l-3.529 9.936a6 6 0 0 0-.346 2.008v11.575a3 3 0 0 0 3 3h7.438a3 3 0 0 0 3-3"/><path fill="url(#iIyq2Fe)" d="M30.016 27.164V14.277a5 5 0 0 0-.707-2.562L27.59 8.834a12 12 0 0 1-1.555-4.325l-.037-.24a2.5 2.5 0 0 0-2.471-2.12h-.954c-.952 0-1.802.599-2.12 1.496l-3.529 9.936a6 6 0 0 0-.346 2.008v11.575a3 3 0 0 0 3 3h7.438a3 3 0 0 0 3-3"/></g><path fill="url(#iopMXvZ)" d="M9.969 2.218a2.3 2.3 0 0 0-.558-.07h-.954q-.233 0-.457.042v19.857H1.969v1.969h13.437v-1.97H9.97z"/><path fill="url(#ilgJqNe)" d="M9.969 2.218a2.3 2.3 0 0 0-.558-.07h-.954q-.233 0-.457.042v19.857H1.969v1.969h13.437v-1.97H9.97z"/><path fill="url(#ikLpKdd)" d="M9.969 2.218a2.3 2.3 0 0 0-.558-.07h-.954q-.233 0-.457.042v19.857H1.969v1.969h13.437v-1.97H9.97z"/><path fill="url(#iHVHyuc)" d="M9.969 2.218a2.3 2.3 0 0 0-.558-.07h-.954q-.233 0-.457.042v19.857H1.969v1.969h13.437v-1.97H9.97z"/><path fill="url(#iV5El8d)" d="M22.016 2.218q.27-.069.557-.07h.954q.234 0 .457.042v19.857h6.032v1.969H16.578v-1.97h5.438z"/><path fill="url(#iVGqgvd)" d="M22.016 2.218q.27-.069.557-.07h.954q.234 0 .457.042v19.857h6.032v1.969H16.578v-1.97h5.438z"/><path fill="url(#iBRboed)" d="M22.016 2.218q.27-.069.557-.07h.954q.234 0 .457.042v19.857h6.032v1.969H16.578v-1.97h5.438z"/><defs><linearGradient id="iSAMR9d" x1="16" x2="16" y1="2.148" y2="27.797" gradientUnits="userSpaceOnUse"><stop offset=".005" stop-color="#D33B65"/><stop offset=".082" stop-color="#D33567"/><stop offset="1" stop-color="#9D244B"/></linearGradient><linearGradient id="iihw1Tb" x1="16" x2="16" y1="2.148" y2="3.098" gradientUnits="userSpaceOnUse"><stop stop-color="#CB375B"/><stop offset="1" stop-color="#CB375B" stop-opacity="0"/></linearGradient><linearGradient id="i5EXdcc" x1="8.688" x2="8.688" y1="2.148" y2="30.164" gradientUnits="userSpaceOnUse"><stop stop-color="#FD792C"/><stop offset="1" stop-color="#FF2F52"/></linearGradient><linearGradient id="ivv4wne" x1="15.665" x2="12.223" y1="27.164" y2="27.164" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6652"/><stop offset="1" stop-color="#FF6652" stop-opacity="0"/></linearGradient><linearGradient id="iL34mHa" x1="13.674" x2="9.049" y1="8.352" y2="9.977" gradientUnits="userSpaceOnUse"><stop stop-color="#FFA362"/><stop offset="1" stop-color="#FF7F4D" stop-opacity="0"/></linearGradient><linearGradient id="idjAcHe" x1="23.297" x2="23.297" y1="11.24" y2="30.164" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7C39"/><stop offset="1" stop-color="#FF2F52"/></linearGradient><linearGradient id="iLTEwqb" x1="30.336" x2="26.546" y1="27.164" y2="27.164" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6652"/><stop offset="1" stop-color="#FF6652" stop-opacity="0"/></linearGradient><linearGradient id="iopMXvZ" x1="8.688" x2="8.688" y1="6.299" y2="24.016" gradientUnits="userSpaceOnUse"><stop stop-color="#DBD2E5"/><stop offset="1" stop-color="#E3C8FE"/></linearGradient><linearGradient id="ilgJqNe" x1="1.969" x2="4.281" y1="23.202" y2="23.202" gradientUnits="userSpaceOnUse"><stop stop-color="#B8A7CA"/><stop offset="1" stop-color="#B8A7CA" stop-opacity="0"/></linearGradient><linearGradient id="ikLpKdd" x1="15.784" x2="12.615" y1="24.016" y2="24.016" gradientUnits="userSpaceOnUse"><stop offset=".074" stop-color="#F4DDFF"/><stop offset="1" stop-color="#F4DDFF" stop-opacity="0"/></linearGradient><linearGradient id="iHVHyuc" x1="15.406" x2="14.464" y1="24.016" y2="24.016" gradientUnits="userSpaceOnUse"><stop offset=".074" stop-color="#DDC0E3"/><stop offset="1" stop-color="#EDD4FF" stop-opacity="0"/></linearGradient><linearGradient id="iV5El8d" x1="23.297" x2="23.297" y1="6.299" y2="24.016" gradientUnits="userSpaceOnUse"><stop stop-color="#DBD2E5"/><stop offset="1" stop-color="#E3C8FE"/></linearGradient><linearGradient id="iVGqgvd" x1="16.578" x2="19.292" y1="23.202" y2="23.202" gradientUnits="userSpaceOnUse"><stop stop-color="#B8A7CA"/><stop offset="1" stop-color="#B8A7CA" stop-opacity="0"/></linearGradient><linearGradient id="iBRboed" x1="30.016" x2="27.388" y1="24.016" y2="24.016" gradientUnits="userSpaceOnUse"><stop offset=".074" stop-color="#F4DDFF"/><stop offset="1" stop-color="#F4DDFF" stop-opacity="0"/></linearGradient><filter id="i1mBnoQ" width="14.623" height="28.317" x="15" y="1.841" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_16330" stdDeviation=".5"/></filter><filter id="ijA5n1b" width="14.037" height="28.016" x="1.869" y="2.148" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix 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 in2="shape" result="effect1_innerShadow_18_16330"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.454902 0 0 0 0 0.0862745 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_16330" result="effect2_innerShadow_18_16330"/></filter><filter id="iQRYCwc" width="14.037" height="28.016" x="16.478" y="2.148" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix 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 in2="shape" result="effect1_innerShadow_18_16330"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix 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 in2="effect1_innerShadow_18_16330" result="effect2_innerShadow_18_16330"/></filter><radialGradient id="i0brm7A" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.6258 1.57057 0 16 28.112)" gradientUnits="userSpaceOnUse"><stop stop-color="#B41C6A"/><stop offset="1" stop-color="#B41C6A" stop-opacity="0"/></radialGradient><radialGradient id="iIyq2Fe" cx="0" cy="0" r="1" gradientTransform="matrix(-4.16708 2.23025 -8.67682 -16.21208 28.05 7.356)" gradientUnits="userSpaceOnUse"><stop offset=".254" stop-color="#FFA967"/><stop offset="1" stop-color="#FF7D49" stop-opacity="0"/></radialGradient></defs></g></svg>Как использовать иконку Safety Vest
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:safety-vest" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:safety-vest" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:safety-vest" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--safety-vest]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:safety-vest"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:safety-vest"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/safety-vest.svg" alt="Иконка Safety Vest" width="24" height="24">Похожие иконки в наборе Fluent Emoji
Иконка Safety Vest в других наборах
Вопросы и ответы: Иконка Safety Vest
Можно ли бесплатно использовать иконку Safety Vest в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Safety Vest в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:safety-vest" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Safety Vest на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/safety-vest.svg" alt="Иконка Safety Vest">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.