Ícone Work From Home Travel Office
streamline-freehand-color:work-from-home-travel-office
O ícone Work From Home Travel Office (streamline-freehand-color:work-from-home-travel-office) é um ícone SVG gratuito da coleção Freehand color icons de Streamline. Ele é desenhado em uma grade de 24 × 24. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Freehand color icons
- Autor
- Streamline
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Trabalho, escritório e empresas
- Tags
- workfrom, fromhome, hometravel, traveloffice, workfromhometraveloffice
Código 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>Como usar o ícone 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>Web component
<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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/work-from-home-travel-office.svg" alt="Ícone Work From Home Travel Office" width="24" height="24">Ícones relacionados em Freehand color icons
O ícone Work From Home Travel Office em outras coleções
Perguntas frequentes sobre Ícone Work From Home Travel Office
O ícone Work From Home Travel Office é grátis para uso comercial?
Sim. Freehand color icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Work From Home Travel Office no React?
Instale @iconify/react e renderize <Icon icon="streamline-freehand-color:work-from-home-travel-office" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Work From Home Travel Office a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/work-from-home-travel-office.svg" alt="Ícone Work From Home Travel Office">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.