40c Coloured Wash アイコン
ginetex:40c-coloured-wash
40c Coloured Wash アイコン(ginetex:40c-coloured-wash)は、Ginetex Care Symbols セットの無料 SVG アイコンです（作者: YESSIR Organization）。 24 × 24 のグリッドで描かれています。 Ginetex Care Symbols icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ginetex Care Symbols
- 作者
- YESSIR Organization
- ライセンス
- MIT
- サイズ
- 24 × 24
- カテゴリ
- 洗濯
- タグ
- 40ccoloured、colouredwash、40ccolouredwash
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g fill="currentColor" clip-path="url(#SVGBgS7qSkY)"><path d="M21.227 20L24 4h-2.373l-2.225 14.167H4.598L2.373 4H0l2.773 16z"/><path d="M21.232 6.511c-.137-.101-.294-.25-.48-.419c-.438-.4-1.116-1.052-2.192-1.052c-1.08 0-1.761.666-2.196 1.067c-.491.453-.737.641-1.108.64c-.37-.001-.615-.188-1.1-.636c-.43-.398-1.103-1.057-2.172-1.07c-1.097-.015-1.795.657-2.241 1.062c-.506.458-.76.65-1.143.644c-.372-.006-.616-.195-1.097-.64c-.428-.397-1.094-1.05-2.157-1.067c-1.094-.018-1.79.642-2.241 1.048a9 9 0 0 1-.355.31l.27 1.714c.507-.23.876-.583 1.155-.835c.502-.452.76-.643 1.145-.637c.372.006.616.196 1.097.64c.428.397 1.094 1.05 2.157 1.067c1.098.018 1.796-.653 2.243-1.059c.506-.459.762-.653 1.146-.648c.374.005.62.197 1.108.647c.433.4 1.106 1.056 2.18 1.06c1.082.004 1.763-.662 2.198-1.063c.492-.454.738-.644 1.111-.644c.377 0 .626.189 1.114.634c.299.273.721.675 1.297.902zm-11.229 8.786v-.82H7.627v-.997l1.833-2.993h1.7v3.04h.61v.95h-.61v.82zM8.65 13.57h1.387v-2.24h-.027l-1.36 2.207zm5.623 1.813c-1.28 0-2.063-.956-2.063-2.49v-.006c0-1.534.783-2.487 2.063-2.487s2.06.953 2.06 2.487v.006c0 1.534-.78 2.49-2.06 2.49m0-.956c.53 0 .824-.557.824-1.534v-.006c0-.977-.294-1.53-.824-1.53s-.826.553-.826 1.53v.006c0 .977.296 1.534.826 1.534"/></g><defs><clipPath id="SVGBgS7qSkY"><path fill="currentColor" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>40c Coloured Wash アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ginetex:40c-coloured-wash" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ginetex:40c-coloured-wash" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ginetex:40c-coloured-wash" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ginetex--40c-coloured-wash]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ginetex -->
<div class="i-ginetex:40c-coloured-wash"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ginetex:40c-coloured-wash"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ginetex/40c-coloured-wash.svg" alt="40c Coloured Wash アイコン" width="24" height="24">Ginetex Care Symbols の関連アイコン
40c Coloured Wash アイコン のよくある質問
40c Coloured Wash アイコンは商用利用でも無料ですか?
はい。Ginetex Care Symbols icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で 40c Coloured Wash アイコンを使うには?
@iconify/react をインストールして <Icon icon="ginetex:40c-coloured-wash" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
40c Coloured Wash アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ginetex/40c-coloured-wash.svg" alt="40c Coloured Wash アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。