Иконка Settings 48
energy-icons:settings-48
Иконка Settings 48 (energy-icons:settings-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Energy Icons
- Автор
- Sam Passmore
- Лицензия
- MIT
- Размер
- 48 × 48
- Теги
- setting
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="m26.505 5.175l.092.004a1 1 0 0 1 .896.844l.558 3.627l3.23 1.338l2.96-2.17l.078-.05a1 1 0 0 1 1.221.15l3.542 3.542a1 1 0 0 1 .1 1.298l-2.17 2.96l1.337 3.23l3.628.559a1 1 0 0 1 .848.988v5.01a1 1 0 0 1-.848.988l-3.628.558l-1.337 3.23l2.17 2.96a1 1 0 0 1-.1 1.3l-3.542 3.541a1 1 0 0 1-1.299.1l-2.96-2.17l-3.23 1.337l-.558 3.628a1 1 0 0 1-.988.848h-5.01a1 1 0 0 1-.988-.848l-.56-3.628l-3.229-1.337l-2.96 2.17a1 1 0 0 1-1.298-.1L8.918 35.54a1 1 0 0 1-.1-1.299l2.17-2.96l-1.338-3.23l-3.627-.558a1 1 0 0 1-.848-.988v-5.01a1 1 0 0 1 .848-.988l3.627-.56l1.338-3.229l-2.17-2.96a1 1 0 0 1 .1-1.298l3.542-3.542l.067-.062a1 1 0 0 1 1.231-.037l2.96 2.169l3.23-1.338l.559-3.627l.018-.09a1 1 0 0 1 .97-.758zm-4.666 5.336a1 1 0 0 1-.605.772l-4.27 1.768a1 1 0 0 1-.974-.117l-2.722-1.996l-2.33 2.33l1.996 2.721a1 1 0 0 1 .117.974l-1.768 4.27a1 1 0 0 1-.772.606l-3.336.514v3.294l3.336.513a1 1 0 0 1 .772.607l1.768 4.27a1 1 0 0 1-.117.973l-1.996 2.722l2.33 2.33l2.721-1.995l.11-.07a1 1 0 0 1 .864-.048l4.27 1.768l.117.058a1 1 0 0 1 .49.714l.513 3.336h3.294l.513-3.337a1 1 0 0 1 .607-.771l4.27-1.768l.122-.042a1 1 0 0 1 .851.16l2.722 1.995l2.33-2.33l-1.995-2.722a1 1 0 0 1-.118-.974l1.768-4.27l.058-.116a1 1 0 0 1 .714-.49l3.336-.513v-3.294l-3.337-.514a1 1 0 0 1-.771-.605l-1.768-4.27a1 1 0 0 1 .118-.974l1.995-2.722l-2.33-2.33l-2.722 1.996a1 1 0 0 1-.974.117l-4.27-1.768a1 1 0 0 1-.606-.772l-.512-3.336h-3.295z"/><path fill="currentColor" d="M29 24a5 5 0 1 0-10 0a5 5 0 0 0 10 0m2 0a7 7 0 1 1-14 0a7 7 0 0 1 7-7a7 7 0 0 1 7 7"/></svg>Как использовать иконку Settings 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:settings-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:settings-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:settings-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--settings-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:settings-48"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:settings-48"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/settings-48.svg" alt="Иконка Settings 48" width="24" height="24">Похожие иконки в наборе Energy Icons
Иконка Settings 48 в других наборах
Вопросы и ответы: Иконка Settings 48
Можно ли бесплатно использовать иконку Settings 48 в коммерческих проектах?
Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Settings 48 в React?
Установите @iconify/react и выведите <Icon icon="energy-icons:settings-48" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Settings 48 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/settings-48.svg" alt="Иконка Settings 48">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.