Work From Home Travel Office アイコン
streamline-freehand:work-from-home-travel-office
Work From Home Travel Office アイコン(streamline-freehand:work-from-home-travel-office)は、Freehand free icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Freehand free 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"><path fill="currentColor" fill-rule="evenodd" d="M11.253 3.006A22 22 0 0 1 9.686.954a.39.39 0 0 1 .023-.555c.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.573.003-4.23.577c-.858.75-.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.913-6.357 8.667-5.707m9.101 16.491c.737-2.22.966-4.576.67-6.896a.393.393 0 0 1 .775-.13c.38 1.656.505 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.39.39 0 0 1-.032.563c-.478.43-2.35-1.677-3.056-2.47l-.169-.19c-.515-.601.39-1.462 1.783-2.789q.32-.302.667-.638a.414.414 0 0 1 .63.527a50 50 0 0 0-.58.847c-.265.39-.443.654-.85 1.184q.697.019 1.345.039c3.018.092 5.19.16 5.81-.617m-5.99-10.186q-.633.08-1.262.181a.394.394 0 1 0 .042.787c5.676.113 9.812-.056 10.445-.13a.416.416 0 0 0 .372-.59a.41.41 0 0 0-.404-.238q-.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.833c-.336 2.69-.4 5.407-.19 8.11m.825-.094a36.6 36.6 0 0 1 6.055-.117c-.002-.27.013-.6.03-.99q.02-.366.034-.803l.007-.186c-4.863.568-4.97-2.119.05-.9q.026-.413.055-.789q.036-.477.061-.896c-5.952.53-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.413.413 0 0 1-.01.689a.42.42 0 0 1-.46-.007c-.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.549-.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" clip-rule="evenodd"/></svg>Work From Home Travel Office アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:work-from-home-travel-office" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:work-from-home-travel-office" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:work-from-home-travel-office" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--work-from-home-travel-office]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:work-from-home-travel-office"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:work-from-home-travel-office"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-freehand/work-from-home-travel-office.svg" alt="Work From Home Travel Office アイコン" width="24" height="24">Freehand free icons の関連アイコン
他のアイコンセットの Work From Home Travel Office アイコン
Work From Home Travel Office アイコン のよくある質問
Work From Home Travel Office アイコンは商用利用でも無料ですか?
はい。Freehand free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Work From Home Travel Office アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-freehand:work-from-home-travel-office" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Work From Home Travel Office アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand/work-from-home-travel-office.svg" alt="Work From Home Travel Office アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。