Иконка Adonis
skill-icons:adonis
Иконка Adonis (skill-icons:adonis) — бесплатная SVG-иконка из набора Skill Icons от tandpfun. Она нарисована на сетке 256 × 256. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Skill Icons
- Автор
- tandpfun
- Лицензия
- MIT
- Размер
- 256 × 256
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#5a45fe" rx="60"/><path fill="#fff" fill-rule="evenodd" d="M46.617 160.689L89.46 63.317C96.694 46.903 110.604 38 128.13 38s31.437 8.903 38.671 25.317l42.844 97.372c1.947 4.73 3.616 10.85 3.616 16.136c0 24.204-16.971 41.175-41.175 41.175c-8.243 0-14.793-2.104-21.419-4.234c-6.791-2.182-13.666-4.391-22.537-4.391c-8.768 0-15.816 2.231-22.741 4.422C98.692 215.916 92.106 218 84.174 218C59.971 218 43 201.029 43 176.825c0-5.286 1.67-11.406 3.617-16.136m81.514-80.4L85.844 175.99c12.52-5.843 26.986-8.625 42.287-8.625c14.745 0 29.768 2.782 41.731 8.625z" clip-rule="evenodd"/></g></svg>Как использовать иконку Adonis
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:adonis" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:adonis" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:adonis" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--adonis]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:adonis"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:adonis"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/adonis.svg" alt="Иконка Adonis" width="24" height="24">Иконка Adonis в других наборах
Вопросы и ответы: Иконка Adonis
Можно ли бесплатно использовать иконку Adonis в коммерческих проектах?
Да. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Adonis в React?
Установите @iconify/react и выведите <Icon icon="skill-icons:adonis" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Adonis на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/skill-icons/adonis.svg" alt="Иконка Adonis">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.