Иконка Sfml

simple-icons:sfml

Иконка Sfml (simple-icons:sfml) — бесплатная 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="M12.187.334C11.114.312 9.877.863 7.959 2.24L3.162 5.726C.252 7.84-.839 8.527.692 13.329l1.832 5.639c1.111 3.42 1.428 4.67 6.467 4.699h5.929c3.597 0 4.884.085 6.468-4.7l1.832-5.638c1.111-3.421 1.59-4.618-2.47-7.603L15.952 2.24C14.407 1.118 13.403.358 12.187.334m-.162 1.883q.098.003.195.01c1.078.083 1.679.639 2.34 1.119l.02.02l-2.129 8.168h-.925L9.404 3.365l.02-.02c.773-.594 1.524-1.07 2.41-1.124zm4.103 2.272l.09.064l3.878 2.816c.92.632 1.677 1.278 1.928 2.315c.254 1.05-.095 1.794-.347 2.571l-2.109 6.506c-.316 1.07-.699 1.987-1.607 2.546c-.921.567-1.735.47-2.552.47H8.568c-1.117.03-2.106-.042-2.919-.734c-.823-.7-.982-1.505-1.234-2.282L2.3 12.255c-.375-1.054-.607-2.02-.2-3.009c.413-1 1.127-1.397 1.788-1.877l3.876-2.816l.084-.058l.836 3.208l-.212.155L5.7 9.863c-.563.41-.667.51-.714.547c.012.06.036.285.238.849l2.128 6.544c.199.672.275.804.296.855c.065.009.285.05.874.032h6.885c.63 0 .827-.017.9-.019c.026-.057.141-.252.309-.823l2.128-6.55c.194-.598.24-.805.257-.862c-.048-.045-.202-.215-.688-.547L15.51 7.858l-.219-.161z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Simple Icons →