Иконка Fossa

simple-icons:fossa

Иконка Fossa (simple-icons:fossa) — бесплатная 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="M3.398 9.516a.12.12 0 0 1 .036.087v.693a.123.123 0 0 1-.123.123H1.018v1.155h1.766a.123.123 0 0 1 .123.123v.693a.123.123 0 0 1-.123.12H1.018v1.9a.123.123 0 0 1-.124.123h-.77A.123.123 0 0 1 0 14.41V9.6a.123.123 0 0 1 .123-.12h3.188q.051 0 .087.036m5.829 1.803a3.25 3.25 0 0 1 0 1.366q-.08.366-.256.696a2.4 2.4 0 0 1-.45.621a2.1 2.1 0 0 1-.719.436a2.8 2.8 0 0 1-.992.17c-.34.005-.68-.053-1-.17a2.1 2.1 0 0 1-.718-.436a2.5 2.5 0 0 1-.462-.62a2.7 2.7 0 0 1-.26-.697a3.25 3.25 0 0 1 0-1.366q.082-.364.26-.693c.121-.23.278-.44.463-.62a2.1 2.1 0 0 1 .719-.441a2.7 2.7 0 0 1 .998-.173c.339-.005.675.054.992.173c.266.097.51.247.718.44c.183.182.335.392.451.621q.174.33.256.693m-.96.675q0-.167-.028-.332a2.2 2.2 0 0 0-.123-.426a1.7 1.7 0 0 0-.242-.434a1.16 1.16 0 0 0-.431-.325a1.5 1.5 0 0 0-.633-.126a1.5 1.5 0 0 0-.65.134c-.165.07-.312.18-.428.317a1.8 1.8 0 0 0-.243.437q-.087.206-.124.426a1.95 1.95 0 0 0 .123 1.091q.09.238.246.44c.116.141.263.253.43.328c.202.093.423.139.646.134v.006c.219.003.435-.044.633-.138c.165-.076.31-.188.425-.328q.158-.202.248-.442a2 2 0 0 0 .152-.762zm5.5.385a1 1 0 0 0-.242-.27a4 4 0 0 0-.278-.21a2 2 0 0 0-.346-.172a8 8 0 0 0-.335-.134l-.353-.123a8 8 0 0 1-.368-.13a3 3 0 0 1-.268-.126a.6.6 0 0 1-.224-.177a.4.4 0 0 1-.067-.217q.022-.468.685-.469c.444.027.88.137 1.284.325a.123.123 0 0 0 .165-.072l.268-.628a.112.112 0 0 0-.058-.166a4.3 4.3 0 0 0-1.736-.41a1.74 1.74 0 0 0-1.183.397a1.35 1.35 0 0 0-.45 1.074q0 .798.751 1.203a6.4 6.4 0 0 0 1.039.382c.225.06.439.158.632.288a.4.4 0 0 1 .173.415a.5.5 0 0 1-.254.349c-.17.093-.361.138-.554.13a3.3 3.3 0 0 1-1.353-.36a.12.12 0 0 0-.093 0a.12.12 0 0 0-.07.064l-.332.629a.13.13 0 0 0 0 .093a.11.11 0 0 0 .058.072c.57.297 1.204.451 1.847.45c.466.019.924-.127 1.294-.411a1.39 1.39 0 0 0 .549-1.039a1.3 1.3 0 0 0-.18-.757zm4.637 0a1 1 0 0 0-.242-.27a5 5 0 0 0-.278-.21a2 2 0 0 0-.346-.172a8 8 0 0 0-.335-.134l-.353-.123a8 8 0 0 1-.368-.13a3 3 0 0 1-.268-.126a.6.6 0 0 1-.224-.177a.4.4 0 0 1-.072-.217q.02-.468.685-.469c.446.027.883.137 1.288.325a.123.123 0 0 0 .166-.072l.267-.628a.11.11 0 0 0-.015-.14a.1.1 0 0 0-.042-.026a4.3 4.3 0 0 0-1.74-.41c-.43-.02-.852.122-1.183.397a1.35 1.35 0 0 0-.451 1.074q0 .798.751 1.203q.503.236 1.039.382c.224.06.437.158.63.288a.4.4 0 0 1 .173.415a.49.49 0 0 1-.256.353c-.169.092-.36.137-.551.13a3.3 3.3 0 0 1-1.353-.361a.12.12 0 0 0-.093 0a.12.12 0 0 0-.073.061l-.332.629a.13.13 0 0 0 0 .093a.11.11 0 0 0 .057.072c.57.297 1.205.451 1.848.45c.465.018.921-.127 1.29-.41a1.39 1.39 0 0 0 .55-1.04a1.3 1.3 0 0 0-.04-.422a1.5 1.5 0 0 0-.129-.335M24 14.452a.1.1 0 0 1-.01.04a.07.07 0 0 1-.065.041h-.902a.16.16 0 0 1-.17-.115l-.436-1.068h-1.58l-.431 1.062a.17.17 0 0 1-.171.115h-.916a.07.07 0 0 1-.066-.04a.1.1 0 0 1-.007-.083l2.208-4.924a.19.19 0 0 1 .15-.065a.18.18 0 0 1 .165.066l2.222 4.93a.1.1 0 0 1 .009.041m-1.93-1.912l-.451-1.133l-.45 1.133z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Simple Icons →