Иконка Api 48
energy-icons:api-48
Иконка Api 48 (energy-icons:api-48) — бесплатная SVG-иконка из набора Energy Icons от Sam Passmore. Она нарисована на сетке 48 × 48. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Energy Icons
- Автор
- Sam Passmore
- Лицензия
- MIT
- Размер
- 48 × 48
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M11 34v-6c0-.675-.347-1.433-.957-2.043S8.675 25 8 25a1 1 0 1 1 0-2c.675 0 1.433-.347 2.043-.957S11 20.675 11 20v-6c0-.987 0-1.908.066-2.708c.067-.797.205-1.57.54-2.24a3.32 3.32 0 0 1 1.675-1.591C14.024 7.13 14.931 7 16 7a1 1 0 1 1 0 2c-.932 0-1.524.12-1.906.29a1.33 1.33 0 0 0-.7.657c-.165.332-.277.808-.335 1.511C13 12.158 13 12.988 13 14v6c0 1.325-.653 2.567-1.543 3.457a6 6 0 0 1-.63.543q.337.251.63.543C12.347 25.433 13 26.675 13 28v6c0 1.013 0 1.842.059 2.542c.058.703.17 1.18.336 1.51c.147.296.351.505.699.659c.382.17.974.289 1.906.289a1 1 0 1 1 0 2c-1.068 0-1.976-.13-2.719-.46a3.32 3.32 0 0 1-1.676-1.593c-.334-.668-.472-1.442-.539-2.239C11 35.908 11 34.988 11 34m24 0v-6c0-1.325.653-2.567 1.543-3.457a6 6 0 0 1 .63-.543a6 6 0 0 1-.63-.543C35.653 22.567 35 21.325 35 20v-6c0-1.013 0-1.842-.059-2.542c-.058-.703-.17-1.18-.336-1.51a1.33 1.33 0 0 0-.699-.659C33.524 9.12 32.932 9 32 9a1 1 0 1 1 0-2c1.068 0 1.976.13 2.719.46a3.32 3.32 0 0 1 1.675 1.593c.335.668.473 1.442.54 2.239c.066.8.066 1.72.066 2.708v6c0 .675.347 1.433.957 2.043S39.325 23 40 23a1 1 0 1 1 0 2c-.675 0-1.433.347-2.043.957S37 27.325 37 28v6c0 .987 0 1.908-.066 2.708c-.067.797-.205 1.57-.54 2.24a3.32 3.32 0 0 1-1.675 1.591c-.743.33-1.65.461-2.719.461a1 1 0 1 1 0-2c.932 0 1.524-.12 1.906-.29c.348-.154.552-.362.7-.657c.165-.332.277-.808.335-1.511c.059-.7.059-1.53.059-2.542"/><path fill="currentColor" d="M16 24a2 2 0 1 1 4 0a2 2 0 0 1-4 0m6 0a2 2 0 1 1 4 0a2 2 0 0 1-4 0m6 0a2 2 0 1 1 4 0a2 2 0 0 1-4 0"/></svg>Как использовать иконку Api 48
React
import { Icon } from "@iconify/react";
<Icon icon="energy-icons:api-48" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="energy-icons:api-48" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="energy-icons:api-48" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[energy-icons--api-48]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/energy-icons -->
<div class="i-energy-icons:api-48"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="energy-icons:api-48"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/energy-icons/api-48.svg" alt="Иконка Api 48" width="24" height="24">Похожие иконки в наборе Energy Icons
Вопросы и ответы: Иконка Api 48
Можно ли бесплатно использовать иконку Api 48 в коммерческих проектах?
Да. Energy Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Api 48 в React?
Установите @iconify/react и выведите <Icon icon="energy-icons:api-48" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Api 48 на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/energy-icons/api-48.svg" alt="Иконка Api 48">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.