ICONYZ
日本語
Fluent Emoji High Contrast の No Littering アイコン

No Littering アイコン

fluent-emoji-high-contrast:no-littering

No Littering アイコン(fluent-emoji-high-contrast:no-littering)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです(作者: Microsoft Corporation)。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Fluent Emoji High Contrast
作者
Microsoft Corporation
ライセンス
MIT
サイズ
32 × 32
カテゴリ
記号
タグ
nolittering
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M17.918 10.11a1.461 1.461 0 1 0 0-2.923a1.461 1.461 0 0 0 0 2.922M9.5 17a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m2 5a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m-.375-4a.125.125 0 0 0-.125.125v.75c0 .069.056.125.125.125h.75a.125.125 0 0 0 .125-.125v-.75a.125.125 0 0 0-.125-.125zm-2.244 1.443a.125.125 0 0 0 0 .177l.53.53a.125.125 0 0 0 .177 0l.53-.53a.125.125 0 0 0 0-.177l-.53-.53a.125.125 0 0 0-.176 0z"/><path d="M30 16c0 7.732-6.268 14-14 14S2 23.732 2 16S8.268 2 16 2s14 6.268 14 14m-5.233 6.645A10.95 10.95 0 0 0 27 16c0-6.075-4.925-11-11-11c-2.497 0-4.8.832-6.645 2.233L14.42 12.3l1.29-1.167a.88.88 0 0 1 .587-.226h3.687c.336 0 .642.192.788.494l2.281 4.72a.875.875 0 0 1-1.575.76l-1.04-2.151v3.138q.015.13.015.266v.199zm-2.122 2.122l-2.192-2.193v1.551a.875.875 0 1 1-1.75 0v-3.3l-.984-.985v4.285a.875.875 0 1 1-1.75 0V18.09l-2.96-2.96l-1.607.57a.875.875 0 0 1-.585-1.65l.82-.29l-4.404-4.405A10.95 10.95 0 0 0 5 16c0 6.075 4.925 11 11 11c2.497 0 4.8-.832 6.645-2.233m-6.986-11.23l.341.342v-.65z"/></g></svg>

No Littering アイコンの使い方

React

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

<Icon icon="fluent-emoji-high-contrast:no-littering" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:no-littering" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:no-littering" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--no-littering]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:no-littering"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji-high-contrast:no-littering"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/no-littering.svg" alt="No Littering アイコン" width="24" height="24">

Fluent Emoji High Contrast の関連アイコン

他のアイコンセットの No Littering アイコン

No Littering アイコン のよくある質問

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

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

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

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

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

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

Fluent Emoji High Contrast アイコン をすべて見る →