Иконка Opensuse

simple-icons:opensuse

Иконка Opensuse (simple-icons:opensuse) — бесплатная 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="M10.724 0a12 12 0 0 0-9.448 4.623c1.464.391 2.5.727 2.81.832c.005-.19.037-1.893.037-1.893s.004-.04.025-.06c.026-.026.065-.018.065-.018c.385.056 8.602 1.274 12.066 3.292c.427.25.638.517.902.786c.958.99 2.223 5.108 2.359 5.957c.005.033-.036.07-.054.083a5 5 0 0 1-.313.228c-.82.55-2.708 1.872-5.13 1.656c-2.176-.193-5.018-1.44-8.445-3.699q.503 1.185 1 2.371c.497.258 5.287 2.7 7.651 2.651c1.904-.04 3.941-.968 4.756-1.458c0 0 .179-.108.257-.048c.085.066.061.167.041.27c-.05.234-.164.66-.242.863l-.065.165c-.093.25-.183.482-.356.625c-.48.436-1.246.784-2.446 1.305c-1.855.812-4.865 1.328-7.66 1.31c-1.001-.022-1.968-.133-2.817-.232c-1.743-.197-3.161-.357-4.026.269A12 12 0 0 0 10.724 24a12 12 0 0 0 12-12a12 12 0 0 0-12-12M13.4 6.963a3.5 3.5 0 0 0-2.521.942a3.5 3.5 0 0 0-1.114 2.449a3.53 3.53 0 0 0 3.39 3.64a3.48 3.48 0 0 0 2.524-.946a3.5 3.5 0 0 0 1.114-2.446a3.527 3.527 0 0 0-3.393-3.64zm-.03 1.035a2.46 2.46 0 0 1 2.368 2.539a2.43 2.43 0 0 1-.774 1.706a2.46 2.46 0 0 1-1.762.659a2.46 2.46 0 0 1-2.364-2.542c.02-.655.3-1.26.777-1.707a2.42 2.42 0 0 1 1.756-.655zm.402 1.23c-.602 0-1.087.325-1.087.727c0 .4.485.725 1.087.725c.6 0 1.088-.326 1.088-.725c0-.402-.487-.726-1.088-.726Z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Simple Icons →