Иконка Work From Home Travel Office
streamline-freehand-color:work-from-home-travel-office
Иконка Work From Home Travel Office (streamline-freehand-color:work-from-home-travel-office) — бесплатная SVG-иконка из набора Freehand color icons от Streamline. Она нарисована на сетке 24 × 24. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Freehand color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 24 × 24
- Категория
- Работа, офис и компании
- Теги
- workfrom, fromhome, hometravel, traveloffice, workfromhometraveloffice
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#020202" d="M11.253 3.006A22 22 0 0 1 9.686.954A.39.39 0 0 1 9.71.399c.477-.44 2.396 1.672 3.098 2.445l.158.173c.521.594-.369 1.465-1.743 2.81q-.315.307-.659.648a.414.414 0 0 1-.638-.527c.256-.376.428-.638.574-.86c.245-.374.416-.633.782-1.123h-.094c-.569 0-1.328-.001-2.34.022c-2.368.057-3.572.003-4.23.577c-.858.749-.782 2.566-1.148 7.094a.396.396 0 0 1-.403.385c-.43-.013-.44-.166-.48-3.33c-.077-6.29 1.914-6.357 8.667-5.707m9.1 16.491c.737-2.22.966-4.576.67-6.896a.393.393 0 0 1 .775-.13c.38 1.656.506 3.36.371 5.054c-.398 4.46-2.982 4.158-8.248 3.54l-.64-.074a23 23 0 0 1 1.524 2.05a.393.393 0 0 1-.032.563c-.478.43-2.35-1.677-3.056-2.47l-.169-.19c-.515-.601.39-1.462 1.784-2.789q.319-.302.666-.638a.414.414 0 0 1 .63.527c-.258.37-.433.628-.58.847c-.264.39-.442.654-.85 1.184q.698.019 1.346.039c3.017.092 5.19.16 5.81-.617"/><path fill="#0c6fff" d="M14.364 9.311a36 36 0 0 0-1.262.181a.393.393 0 1 0 .042.787c5.676.113 9.812-.056 10.445-.13a.413.413 0 0 0 .274-.723a.4.4 0 0 0-.306-.105q-.697-.09-1.398-.152l.02-.32c.015-.283.034-.623.073-1.025c.05-.518.124-1.052.2-1.585c.333-2.352.663-4.68-1.347-5.453a15.6 15.6 0 0 0-4.154-.417c-.92-.018-1.908 0-2.398.833a40.3 40.3 0 0 0-.19 8.11m.824-.094a36.6 36.6 0 0 1 6.056-.117c-.002-.27.013-.6.03-.99q.02-.366.034-.803l.007-.186c-4.863.568-4.97-2.119.05-.9q.026-.412.055-.789q.036-.477.061-.896c-5.952.529-4.352-2.014.021-.897c-.023-.863-.218-1.431-.845-1.665a14 14 0 0 0-5.03-.124c-.145.24-.388 5.65-.438 7.367M2.272 16.57L.625 17.652a.398.398 0 0 1-.485-.63c.696-.62 5.352-4.694 6.188-4.278a32.5 32.5 0 0 1 5.836 3.81a.414.414 0 0 1-.47.682c-.313-.187-.886-.522-1.565-.914c.048.465.104.917.157 1.351c.3 2.43.53 4.304-.96 4.896a13.65 13.65 0 0 1-5.882-.12c-1.29-.57-1.259-1.854-1.2-4.219c.012-.502.026-1.054.03-1.658zm.7-.459a.4.4 0 0 1 .09.228c.418 4.324.423 4.434.433 4.434c.002 0 .004-.004.01.02c.263 1.09 4.813.747 5.272.626c.55-.14.54-.672.506-2.896c-.01-.689-.024-1.54-.024-2.593a.4.4 0 0 1 .004-.105c-1.142-.652-2.39-1.35-3.18-1.753z"/></g></svg>Как использовать иконку Work From Home Travel Office
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand-color:work-from-home-travel-office" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand-color:work-from-home-travel-office" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand-color:work-from-home-travel-office" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--work-from-home-travel-office]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:work-from-home-travel-office"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand-color:work-from-home-travel-office"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/work-from-home-travel-office.svg" alt="Иконка Work From Home Travel Office" width="24" height="24">Похожие иконки в наборе Freehand color icons
Иконка Work From Home Travel Office в других наборах
Вопросы и ответы: Иконка Work From Home Travel Office
Можно ли бесплатно использовать иконку Work From Home Travel Office в коммерческих проектах?
Да. Freehand color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Work From Home Travel Office в React?
Установите @iconify/react и выведите <Icon icon="streamline-freehand-color:work-from-home-travel-office" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Work From Home Travel Office на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/work-from-home-travel-office.svg" alt="Иконка Work From Home Travel Office">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.