Иконка Sfml

devicon:sfml

Иконка Sfml (devicon:sfml) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#8cc445" d="M109.558 31.121L84.601 12.948c-15.139-11.025-20.295-15.33-41.593 0L18.05 31.121C2.912 42.147-2.764 45.731 5.2 70.771l9.532 29.404c5.783 17.839 7.43 24.359 33.65 24.504h30.847c18.714 0 25.409.445 33.65-24.504l9.533-29.405c5.783-17.84 8.274-24.083-12.853-39.649"/><path fill="#6fad20" d="M5.212 70.756S2.199 60.006 1.8 56.07l.005-.005c28.503 11.692 69.3 20.76 117.033 25.686l-5.954 18.439c-8.241 24.948-14.936 24.473-33.65 24.473h-30.84c-26.22-.146-27.866-6.633-33.65-24.473z"/><path fill="#fff" d="m81.162 41.401l4.348-16.729h.003l20.638 15.02c4.79 3.296 8.73 6.663 10.034 12.069c1.323 5.482-.493 9.358-1.806 13.41l-10.971 33.928c-1.646 5.583-3.636 10.363-8.362 13.276c-4.793 2.955-9.028 2.447-13.279 2.447h-35.59c-5.812.156-10.96-.216-15.187-3.822c0 0-5.108-7.849-6.422-11.902L13.564 65.171c-1.948-5.5-3.156-10.54-1.037-15.69c2.145-5.214 5.86-7.285 9.299-9.79L42.43 24.707l4.348 16.73A7061 7061 0 0 0 27.545 55.55c.062.312 12.799 40.075 13.847 43.013c0 0 1.486.258 4.55.168h35.822c3.275 0 4.302-.091 4.683-.1c.138-.298 13.144-39.97 14.015-42.947z"/><path fill="#fff" d="M63.17 12.844c-4.61.283-8.515 2.767-12.543 5.867c-.038.03-.065.07-.1.101l11.037 42.595h4.817l11.071-42.595l-.1-.1c-3.44-2.505-6.565-5.4-12.175-5.834a14 14 0 0 0-2.008-.033z"/></svg>

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

React

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

<Icon icon="devicon:sfml" width="24" />

Vue

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

<template>
  <Icon icon="devicon:sfml" width="24" />
</template>

Svelte

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

<Icon icon="devicon:sfml" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--sfml]"></span>

UnoCSS

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

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

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

<iconify-icon icon="devicon:sfml"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/devicon/sfml.svg" alt="Иконка Sfml" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Devicon →