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 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 コードをページに直接貼り付けます。