Socks アイコン
fluent-emoji-flat:socks
Socks アイコン(fluent-emoji-flat:socks)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 物
- タグ
- sock
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#46a4fb" fill-rule="evenodd" d="M26.505 7.82a2 2 0 0 0-2-2h-4.69a2 2 0 0 0-1.924 1.448l4.192.355l4.344-.355a2 2 0 0 1 .078.551v.526L22.082 8l-4.269.346v.927l4.269.383l4.421-.383v1.078l-4.421-.288l-4.269.288v6.596c0 1.011-.337 2.017-1.025 2.757l-2.61 2.899c-.264.295-.58.705-.765 1.062c.167 1.401 4.968 6.59 6.086 5.43l5.623-5.743a5 5 0 0 0 1.382-3.45zm0 11.788l-4.678.39c-1.406 0 1.517 3.683 2.764 3.911l.532-.558a5 5 0 0 0 1.382-3.45z" clip-rule="evenodd"/><path fill="#3f5fff" d="M26.504 9.272h-8.652v1.078h8.652zm-.077-2.005q.076.264.077.551v.526h-8.652v-.526q0-.287.076-.551zm.077 12.232h-4.945c-.154 0-.282.228-.282.381c.13 1.775 1.489 3.635 3.285 4.026c1.016-1 1.942-2.353 1.942-4.006zm-13.157 4.078c-.817 1.577-.984 3.54.396 4.924c1.952 1.96 4.898 1.435 5.85.498c.1-1.849-1.304-4.117-3.023-4.872c-1.175-.462-2.09-.802-3.223-.55"/><path fill="#f9c23c" fill-rule="evenodd" d="M19.192 4.163a2 2 0 0 0-2-2h-4.69a2 2 0 0 0-1.923 1.449l4.191.355l4.345-.355a2 2 0 0 1 .077.551v.526l-4.422-.346l-4.268.346v.927L14.77 6l4.422-.383v1.078l-4.422-.289l-4.268.289v6.596c0 1.01-.337 2.017-1.025 2.757l-2.61 2.898c-.265.296-.58.706-.765 1.063c.199 1.676 4.804 5.187 5.785 5.304c-.139-.051.248.143.248.156v.043c.221-.146.503-.267.685-.456l4.99-5.36a5 5 0 0 0 1.382-3.45zm0 11.789l-4.678.389c-1.405 0 1.517 3.683 2.764 3.912l.533-.558a5 5 0 0 0 1.381-3.45z" clip-rule="evenodd"/><path fill="#3f5fff" d="M19.191 5.616H10.5v1.078h8.691zm-.077-2.006q.076.264.077.552v.526H10.5v-.526q.001-.287.077-.552zm.117 12.342h-4.985a.276.276 0 0 0-.281.272a4.1 4.1 0 0 0 3.353 4.03l.532-.559a5 5 0 0 0 1.381-3.45zM6.07 20.088c-.817 1.577-.86 3.62.52 5.003c1.952 1.96 5.32 1.25 6.405-.172c.099-1.848-1.659-3.856-3.378-4.611c-1.175-.463-2.414-.473-3.547-.22"/></g></svg>
Socks アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:socks" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:socks" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:socks" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--socks]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:socks"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:socks"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/socks.svg" alt="Socks アイコン" width="24" height="24">
Socks アイコン のよくある質問
Socks アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Socks アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:socks" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Socks アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/socks.svg" alt="Socks アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
