Иконка Adafruit

simple-icons:adafruit

Иконка Adafruit (simple-icons:adafruit) — бесплатная SVG-иконка из набора Simple Icons от Simple Icons Collaborators. Она нарисована на сетке 24 × 24. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple Icons
Автор: Simple Icons Collaborators
Лицензия: CC0-1.0
Размер: 24 × 24

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.399 12.794c-.924.148-1.722-.037-1.781-.412c-.06-.375.64-.798 1.565-.945s1.721.038 1.78.412c.06.374-.64.798-1.564.945m-.878 3.86c-.338.172-.957-.363-1.382-1.196c-.426-.834-.497-1.65-.158-1.822s.956.363 1.382 1.196s.497 1.65.158 1.822m-3.64-1.552c-.662.662-1.415.981-1.683.713c-.27-.268.05-1.022.71-1.684c.66-.663 1.414-.982 1.683-.714s-.05 1.023-.71 1.685m-2.531-4.61c.171-.339.987-.268 1.82.156s1.372 1.042 1.2 1.38s-.988.269-1.822-.155s-1.37-1.043-1.198-1.381m4.8-2.45c.375.058.56.856.414 1.78c-.145.925-.566 1.625-.942 1.567c-.374-.06-.56-.857-.415-1.78c.145-.925.567-1.626.943-1.568m11.835 2.53c-.078-.491-.345-.632-.989-.837l-3.762-1.2s-2.283-.863-3.974.357c-.228.164-.464.351-.7.55c.198-.236.385-.472.55-.7c1.215-1.694.349-3.975.349-3.975l-1.207-3.761c-.207-.643-.347-.91-.84-.986c-.492-.078-.707.132-1.101.68l-2.305 3.209s-1.524 1.903-.888 3.89c.086.266.191.549.308.836a12 12 0 0 0-.497-.74C7.693 6.215 5.258 6.332 5.258 6.332S1.82 6.32 1.308 6.32c-.676-.003-.972.05-1.198.493s-.093.714.307 1.258c.303.415 2.34 3.183 2.34 3.183S4.095 13.292 6.18 13.3c.28.001.58-.012.889-.034a12 12 0 0 0-.855.244c-1.98.656-2.619 3.01-2.619 3.01L2.36 20.273c-.21.64-.252.939.1 1.29c.352.353.65.31 1.291.098c.489-.16 3.75-1.242 3.75-1.242s2.352-.644 3.004-2.624c.088-.266.169-.556.243-.854a11 11 0 0 0-.03.887c.01 2.085 2.051 3.421 2.051 3.421l3.186 2.333c.546.398.816.531 1.26.305c.443-.226.495-.523.491-1.199l-.022-3.95s.114-2.435-1.567-3.668a12 12 0 0 0-.739-.495c.287.115.568.22.836.304c1.986.633 3.888-.894 3.888-.894l3.204-2.31c.547-.395.756-.612.679-1.104"/></svg>

Как использовать иконку Adafruit

React

import { Icon } from "@iconify/react";

<Icon icon="simple-icons:adafruit" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="simple-icons:adafruit" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="simple-icons:adafruit" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--adafruit]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:adafruit"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="simple-icons:adafruit"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/adafruit.svg" alt="Иконка Adafruit" width="24" height="24">

Иконка Adafruit в других наборах

Вопросы и ответы: Иконка Adafruit

Можно ли бесплатно использовать иконку Adafruit в коммерческих проектах?

Да. Simple Icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Adafruit в React?

Установите @iconify/react и выведите <Icon icon="simple-icons:adafruit" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Adafruit на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/simple-icons/adafruit.svg" alt="Иконка Adafruit">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Simple Icons →