Socks アイコン
token-branded:socks
Socks アイコン(token-branded:socks)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- sock
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#fefafe" d="m17.26 3.814l2.46.768c.03.006.054.03.072.06c.012.024.018.06.006.084l-.072.258a6 6 0 0 0-.168.708c-.06.3-.252.45-.312.732q-.378 1.8-.72 3.619l-.45 2.232c-.072.126-.162.24-.27.324a.12.12 0 0 1-.09.03l-.36-.048a.03.03 0 0 0-.018.005a.03.03 0 0 0-.012.013l-.012.018l.006.018q.018.036-.018.036c-.048 0-.078.024-.078.072a34 34 0 0 0-.078 1.698c-.012.588-.51 1.2-.978 1.494q-.675.414-1.134.54q-.495.135-1.045.234q-.361.063-.894.36a283 283 0 0 1-3.69 1.992c-.486.253-.948.51-1.446.558q-.585.055-1.116.055c-.294 0-.582-.072-.852-.21a.12.12 0 0 1-.066-.072a2.55 2.55 0 0 1 .804-2.82c1.674-1.26 3.45-2.599 5.34-4.01a2.23 2.23 0 0 0 .9-1.41q.465-2.505.973-5.004a.05.05 0 0 0-.024-.018l-.036-.012c-.012 0-.024 0-.024.012a80 80 0 0 1-.57 2.137a.5.5 0 0 1-.12.216q-.244.26-.289.042l.144-.42c.336-1.02.684-2.04 1.045-3.043c.03-.072-.013-.15-.12-.24q.044-.646.131-.87c.12-.312.252-.612.372-.912a.07.07 0 0 1 .037-.036a.07.07 0 0 1 .048 0z"/><path fill="#f6d9f6" d="M18.076 12.274a1.7 1.7 0 0 0-.072.612c.06.42.132.852.204 1.278c.042.462.042.762.012.894c-.24.894-1.152 1.573-1.98 1.89c-.499.192-1.056.307-1.5.63c-1.26.913-2.52 1.8-3.78 2.683q-.595.414-1.027.54c-1.458.414-3.312.27-3.996-1.272a.3.3 0 0 0-.168-.156a2.3 2.3 0 0 1-.66-.378a2.33 2.33 0 0 1-.9-2.1a2.5 2.5 0 0 1 1.32-2.005a452 452 0 0 1 5.568-3.204c.462-.264.978-.69 1.122-1.164q.306-1.008.66-1.998q.045.217.288-.042a.43.43 0 0 0 .12-.216q.298-1.063.57-2.136c0-.012.012-.018.024-.012l.036.012l.024.018v.03c-.342 1.68-.666 3.342-.972 4.974a2.24 2.24 0 0 1-.9 1.41l-5.34 4.002a2.55 2.55 0 0 0-.804 2.82c.012.037.03.06.06.079q.415.209.858.21c.36 0 .726-.018 1.116-.06c.498-.042.96-.3 1.446-.552a217 217 0 0 0 3.69-1.999c.277-.166.58-.288.894-.36c.366-.06.72-.138 1.044-.228q.457-.126 1.14-.54c.463-.288.96-.906.973-1.5c.012-.6.036-1.17.078-1.692q-.002-.072.078-.072q.036 0 .018-.036a.04.04 0 0 1-.006-.018q0-.009.006-.018a.04.04 0 0 1 .017-.016a.03.03 0 0 1 .025-.002l.354.048a.12.12 0 0 0 .09-.03a1.2 1.2 0 0 0 .27-.324"/></g></svg>
Socks アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:socks" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:socks" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:socks" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--socks]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:socks"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:socks"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/socks.svg" alt="Socks アイコン" width="24" height="24">
Web3 Icons Branded の関連アイコン
Socks アイコン のよくある質問
Socks アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Socks アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:socks" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Socks アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/socks.svg" alt="Socks アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Web3 Icons Branded アイコン をすべて見る →
ICONYZ
