ICONYZ
日本語
theSVG Color の Fastwork アイコン

Fastwork アイコン

thesvg-color:fastwork

Fastwork アイコン(thesvg-color:fastwork)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 30 × 28 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
30 × 28
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="28" viewBox="0 0 30 28"><path fill="#0569ff" d="m28.196 19.301l-6.113-4.714l.121.912q.088.556.088 1.121q-.001.49-.063.975l4.523 3.49a2.073 2.073 0 0 1-.568 3.664a2.06 2.06 0 0 1-1.49-.09l-6.808-2.823a5.99 5.99 0 0 0 2.933-6.347L19.266 3.79a4.36 4.36 0 0 0-1.441-2.708a4.34 4.34 0 0 0-5.731 0a4.36 4.36 0 0 0-1.441 2.708l-1.017 7.663l.725-.56q.439-.354.929-.634a8 8 0 0 1 .856-.43L12.9 4.16a2.064 2.064 0 0 1 4.114 0l.973 7.312a5.965 5.965 0 0 0-6.984.678L1.71 19.316a4.36 4.36 0 0 0-1.128 5.639a4.334 4.334 0 0 0 5.437 1.839l7.125-2.95l-.846-.35a8 8 0 0 1-1.007-.488a7 7 0 0 1-.798-.537l-5.281 2.19a2.063 2.063 0 0 1-2.652-.848a2.076 2.076 0 0 1 .594-2.726l5.836-4.504v.044a6 6 0 0 0 1.07 3.413a5.97 5.97 0 0 0 2.821 2.193l11.016 4.548a4.333 4.333 0 0 0 5.427-1.845A4.36 4.36 0 0 0 28.2 19.3zm-16.944-2.69A3.7 3.7 0 0 1 13.53 13.2a3.68 3.68 0 0 1 4.016.804a3.7 3.7 0 0 1 .797 4.026a3.69 3.69 0 0 1-3.406 2.28a3.68 3.68 0 0 1-2.608-1.084a3.7 3.7 0 0 1-1.078-2.616"/></svg>

Fastwork アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:fastwork" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:fastwork" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:fastwork" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--fastwork]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:fastwork"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:fastwork"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/fastwork.svg" alt="Fastwork アイコン" width="24" height="24">

Fastwork アイコン のよくある質問

Fastwork アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Fastwork アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:fastwork" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Fastwork アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/fastwork.svg" alt="Fastwork アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコン をすべて見る →