Иконка Luggage
fluent-emoji:luggage
Иконка Luggage (fluent-emoji:luggage) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iZteMEv)" d="M18.313 5.024h-4.547a.41.41 0 0 0-.401.415v.171a.41.41 0 0 0 .4.414h4.538a.41.41 0 0 0 .401-.414v-.17a.395.395 0 0 0-.39-.415"/><path fill="url(#ieFFkMc)" d="M14.035 3.502h-1v3h1z"/><path fill="url(#iFHbp1c)" d="M14.035 3.502h-1v3h1z"/><path fill="url(#iaHLErd)" d="M19.035 3.502h-1v3h1z"/><path fill="url(#ie53Sfc)" d="M19.035 3.502h-1v3h1z"/><g filter="url(#icgUspb)"><path fill="url(#iAqNejc)" fill-rule="evenodd" d="M13.035 3.201c0-.655.527-1.2 1.19-1.2h3.62c.662 0 1.19.545 1.19 1.2v.8h-1v-.8c0-.115-.093-.2-.19-.2h-3.62a.196.196 0 0 0-.19.2v.8h-1z" clip-rule="evenodd"/></g><path fill="url(#isgVWpK)" d="M12.035 30.1c-.55 0-1-.45-1-1V28h2v1.1c0 .55-.44 1-1 1"/><path fill="url(#i7YgWsb)" d="M20.035 30.1c-.55 0-1-.45-1-1V28h2v1.1c0 .55-.44 1-1 1"/><g filter="url(#itNA4Td)"><rect width="17.93" height="22.942" x="7.07" y="6.024" fill="url(#igAq0ac)" rx="3.25"/></g><g filter="url(#iHsC7Pc)"><path fill="#3375CA" d="m20.49 11.53l-1.69 1.69a.575.575 0 0 1-.826 0l-3.37-3.37a.575.575 0 0 1 0-.826l1.69-1.69a.575.575 0 0 1 .826 0l3.37 3.37a.59.59 0 0 1 0 .825"/></g><g filter="url(#ik1Jk2b)"><path fill="url(#iXV3Qxi)" d="M11.035 27c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1s1 .45 1 1v17c0 .55-.44 1-1 1"/><path fill="url(#iEAgCkb)" d="M11.035 27c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1s1 .45 1 1v17c0 .55-.44 1-1 1"/></g><g filter="url(#iRvMEDb)"><path fill="url(#iG7rqIe)" d="M16.035 27c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1s1 .45 1 1v17c0 .55-.44 1-1 1"/><path fill="url(#ixZV7gW)" d="M16.035 27c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1s1 .45 1 1v17c0 .55-.44 1-1 1"/></g><g filter="url(#iJhUcLe)"><path fill="url(#iDWWFIc)" d="M21.035 27c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1s1 .45 1 1v17c0 .55-.44 1-1 1"/><path fill="url(#iyyI41N)" d="M21.035 27c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1s1 .45 1 1v17c0 .55-.44 1-1 1"/></g><g filter="url(#impy0Ne)"><path fill="url(#igt4e5d)" d="m20.845 11.308l-1.74 1.74c-.24.24-.62.24-.85 0l-3.47-3.47a.59.59 0 0 1 0-.85l1.74-1.74c.24-.24.62-.24.85 0l3.47 3.47c.23.23.23.61 0 .85"/></g><g filter="url(#iYfXezd)"><path stroke="url(#ib2M69F)" stroke-linecap="round" stroke-width=".4" d="M12.088 6.518h9.446c.838 0 1.638.348 2.208.96v0c.52.56.81 1.294.81 2.057v.769"/></g><defs><linearGradient id="iZteMEv" x1="16.035" x2="16.035" y1="5.024" y2="6.024" gradientUnits="userSpaceOnUse"><stop stop-color="#5C4872"/><stop offset="1" stop-color="#383643"/></linearGradient><linearGradient id="ieFFkMc" x1="13.035" x2="14.035" y1="5.002" y2="5.002" gradientUnits="userSpaceOnUse"><stop stop-color="#6C7481"/><stop offset=".206" stop-color="#A5A6B3"/><stop offset=".831" stop-color="#A5A6B3"/><stop offset="1" stop-color="#BFC0CA"/></linearGradient><linearGradient id="iFHbp1c" x1="14.035" x2="14.035" y1="6.214" y2="4.793" gradientUnits="userSpaceOnUse"><stop stop-color="#666B75"/><stop offset="1" stop-color="#666B75" stop-opacity="0"/></linearGradient><linearGradient id="iaHLErd" x1="18.035" x2="19.035" y1="5.002" y2="5.002" gradientUnits="userSpaceOnUse"><stop stop-color="#6C7481"/><stop offset=".206" stop-color="#A5A6B3"/><stop offset=".831" stop-color="#A5A6B3"/><stop offset="1" stop-color="#BFC0CA"/></linearGradient><linearGradient id="ie53Sfc" x1="19.035" x2="19.035" y1="6.214" y2="4.793" gradientUnits="userSpaceOnUse"><stop stop-color="#666B75"/><stop offset="1" stop-color="#666B75" stop-opacity="0"/></linearGradient><linearGradient id="iAqNejc" x1="16.035" x2="16.035" y1="2.002" y2="4.002" gradientUnits="userSpaceOnUse"><stop stop-color="#5A446F"/><stop offset="1" stop-color="#3B3641"/></linearGradient><linearGradient id="iXV3Qxi" x1="11.039" x2="11.039" y1="8.972" y2="26.559" gradientUnits="userSpaceOnUse"><stop stop-color="#5FDEF9"/><stop offset="1" stop-color="#48A7F0"/></linearGradient><linearGradient id="iG7rqIe" x1="16.039" x2="16.039" y1="8.972" y2="26.559" gradientUnits="userSpaceOnUse"><stop stop-color="#5FDEF9"/><stop offset="1" stop-color="#48A7F0"/></linearGradient><linearGradient id="iDWWFIc" x1="21.039" x2="21.039" y1="8.972" y2="26.559" gradientUnits="userSpaceOnUse"><stop stop-color="#5FDEF9"/><stop offset="1" stop-color="#48A7F0"/></linearGradient><linearGradient id="igt4e5d" x1="15.873" x2="19.872" y1="8.074" y2="12.074" gradientUnits="userSpaceOnUse"><stop stop-color="#D0C5D6"/><stop offset="1" stop-color="#CEC3D5"/></linearGradient><linearGradient id="ib2M69F" x1="23.826" x2="22.28" y1="6.518" y2="8.884" gradientUnits="userSpaceOnUse"><stop stop-color="#5AABF7"/><stop offset="1" stop-color="#5AABF7" stop-opacity="0"/></linearGradient><filter id="icgUspb" width="6.3" height="2.15" x="12.885" y="1.852" 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 dy="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.2 0 0 0 0 0.180392 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_13192"/><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=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.196078 0 0 0 0 0.168627 0 0 0 0 0.231373 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_13192" result="effect2_innerShadow_18_13192"/><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="-.15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.427451 0 0 0 0 0.34902 0 0 0 0 0.498039 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_13192" result="effect3_innerShadow_18_13192"/></filter><filter id="itNA4Td" width="18.23" height="23.242" x="7.07" y="5.724" 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=".3" dy="-.3"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.258824 0 0 0 0 0.317647 0 0 0 0 0.552941 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_13192"/></filter><filter id="iHsC7Pc" width="7.228" height="7.235" x="13.929" y="6.659" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_13192" stdDeviation=".25"/></filter><filter id="ik1Jk2b" width="3" height="20" x="9.435" y="7.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><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" dy=".1"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.168627 0 0 0 0 0.372549 0 0 0 0 0.701961 0 0 0 0.5 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_13192"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_13192" 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=".1" dy="-.1"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.133333 0 0 0 0 0.396078 0 0 0 0 0.780392 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_13192"/><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" dy=".1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.423529 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_13192" result="effect3_innerShadow_18_13192"/></filter><filter id="iRvMEDb" width="3" height="20" x="14.435" y="7.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><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" dy=".1"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.168627 0 0 0 0 0.372549 0 0 0 0 0.701961 0 0 0 0.5 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_13192"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_13192" 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=".1" dy="-.1"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.133333 0 0 0 0 0.396078 0 0 0 0 0.780392 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_13192"/><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" dy=".1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.423529 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_13192" result="effect3_innerShadow_18_13192"/></filter><filter id="iJhUcLe" width="3" height="20" x="19.435" y="7.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><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" dy=".1"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.168627 0 0 0 0 0.372549 0 0 0 0 0.701961 0 0 0 0.5 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_13192"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_13192" 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=".1" dy="-.1"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.133333 0 0 0 0 0.396078 0 0 0 0 0.780392 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_18_13192"/><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" dy=".1"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.423529 0 0 0 0 0.972549 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_13192" result="effect3_innerShadow_18_13192"/></filter><filter id="impy0Ne" width="6.813" height="6.57" x="14.455" y="6.808" 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="-.15" dy=".15"/><feGaussianBlur stdDeviation=".15"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.94902 0 0 0 0 0.945098 0 0 0 0 0.976471 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_13192"/><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=".25"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.552941 0 0 0 0 0.552941 0 0 0 0 0.670588 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_13192" result="effect2_innerShadow_18_13192"/></filter><filter id="iYfXezd" width="13.663" height="4.986" x="11.488" y="5.918" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_13192" stdDeviation=".2"/></filter><radialGradient id="isgVWpK" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.28144 1.86841 0 12.035 30.1)" gradientUnits="userSpaceOnUse"><stop stop-color="#432959"/><stop offset="1" stop-color="#27262C"/></radialGradient><radialGradient id="i7YgWsb" cx="0" cy="0" r="1" gradientTransform="matrix(0 -1.28144 1.86841 0 20.035 30.1)" gradientUnits="userSpaceOnUse"><stop stop-color="#432959"/><stop offset="1" stop-color="#27262C"/></radialGradient><radialGradient id="igAq0ac" cx="0" cy="0" r="1" gradientTransform="rotate(119.982 8.234 10.8)scale(25.0913 19.6101)" gradientUnits="userSpaceOnUse"><stop stop-color="#469AEB"/><stop offset="1" stop-color="#2B62B7"/></radialGradient><radialGradient id="iEAgCkb" cx="0" cy="0" r="1" gradientTransform="matrix(-.82806 1.32522 -1.53924 -.96179 12.035 7.748)" gradientUnits="userSpaceOnUse"><stop stop-color="#6BFBFF"/><stop offset="1" stop-color="#6BFBFF" stop-opacity="0"/></radialGradient><radialGradient id="ixZV7gW" cx="0" cy="0" r="1" gradientTransform="matrix(-.82806 1.32522 -1.53924 -.96179 17.035 7.748)" gradientUnits="userSpaceOnUse"><stop stop-color="#6BFBFF"/><stop offset="1" stop-color="#6BFBFF" stop-opacity="0"/></radialGradient><radialGradient id="iyyI41N" cx="0" cy="0" r="1" gradientTransform="matrix(-.82806 1.32522 -1.53924 -.96179 22.035 7.748)" gradientUnits="userSpaceOnUse"><stop stop-color="#6BFBFF"/><stop offset="1" stop-color="#6BFBFF" stop-opacity="0"/></radialGradient></defs></g></svg>Как использовать иконку Luggage
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:luggage" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:luggage" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:luggage" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--luggage]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:luggage"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:luggage"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/luggage.svg" alt="Иконка Luggage" width="24" height="24">Иконка Luggage в других наборах
Вопросы и ответы: Иконка Luggage
Можно ли бесплатно использовать иконку Luggage в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Luggage в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:luggage" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Luggage на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/luggage.svg" alt="Иконка Luggage">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.