Workday アイコン
thesvg-color:workday
Workday アイコン(thesvg-color:workday)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 64 × 64 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 64 × 64
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="none"><path fill="#0f2e65" d="m24.828 45.362l.118-.086l3.76-13.62c.157-.495.445-.772.973-.828c.975-.104 3.695-.117 4.653.002c.48.06.8.347.943.8l3.823 13.79c1.38-4.619 2.265-9.366 3.237-14.085c.168-.328.477-.47.83-.507c.742-.08 2.76-.088 3.49.002c1.05.13.661 1.118.534 1.813c-1.019 5.575-2.728 12.098-4.675 17.413c-.265.725-.395 1.759-1.323 1.874c-.823.102-2.995.084-3.838.002c-.354-.035-.686-.135-.89-.448l-4.455-15.48l-4.416 15.347c-.176.352-.43.52-.823.572c-.607.08-3.677.095-4.197-.033a1.1 1.1 0 0 1-.345-.178c-.39-.308-1.143-2.786-1.352-3.414a124 124 0 0 1-3.933-14.958c-.148-.756-.782-2.365.358-2.512c.68-.087 2.863-.083 3.547.002c.338.042.658.214.808.529c.932 4.697 1.9 9.387 3.174 14.003"/><path fill="#fc5a05" d="M31.268 12.015c6.561-.28 12.718 3.477 15.367 9.476c.306.693 1.331 2.763.02 2.946c-.44.062-3.519.058-3.85-.045c-.14-.044-.303-.19-.388-.31c-.292-.412-.578-1.31-.896-1.837c-4.343-7.211-15.04-7.083-19.202.234c-.368.646-.63 1.872-1.413 1.96s-2.572.087-3.373.042c-1.571-.088-.642-1.942-.289-2.775c2.376-5.6 7.926-9.432 14.024-9.691"/></g></svg>Workday アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:workday" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:workday" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:workday" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--workday]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:workday"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:workday"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/workday.svg" alt="Workday アイコン" width="24" height="24">他のアイコンセットの Workday アイコン
Workday アイコン のよくある質問
Workday アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Workday アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:workday" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Workday アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/workday.svg" alt="Workday アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。