Иконка Socks
token-branded:socks
Иконка Socks (token-branded:socks) — бесплатная SVG-иконка из набора Web3 Icons Branded от 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>Веб-компонент
<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
Можно ли бесплатно использовать иконку Socks в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Socks в React?
Установите @iconify/react и выведите <Icon icon="token-branded:socks" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Socks на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/socks.svg" alt="Иконка Socks">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.