Иконка Sage

simple-icons:sage

Иконка Sage (simple-icons:sage) — бесплатная 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="M2.702 5.316C1.167 5.316 0 6.48 0 7.972c0 1.635 1.167 2.267 2.46 2.655c1.224.387 1.804.818 1.804 1.666c0 .86-.64 1.465-1.477 1.465c-.84 0-1.566-.604-1.566-1.535c0-.516.242-.647.242-.934c0-.33-.227-.574-.599-.574c-.423 0-.864.647-.864 1.566c0 1.48 1.266 2.57 2.787 2.57c1.535 0 2.701-1.163 2.701-2.656c0-1.623-1.166-2.267-2.472-2.655c-1.209-.372-1.792-.818-1.792-1.666c0-.845.626-1.45 1.463-1.45c.867 0 1.565.617 1.577 1.465c.016.388.285.617.599.617a.592.592 0 0 0 .61-.647c-.027-1.48-1.263-2.543-2.771-2.543m6.171 9.52c.683 0 1.21-.23 1.21-.69a.57.57 0 0 0-.557-.574c-.2 0-.341.085-.668.085c-.882 0-1.577-.76-1.577-1.65c0-.962.71-1.725 1.608-1.725c1.009 0 1.65.775 1.65 1.895v2.054c0 .36.284.604.625.604c.327 0 .61-.244.61-.604v-2.097c0-1.72-1.178-2.984-2.858-2.984c-1.566 0-2.86 1.22-2.86 2.856c0 1.58 1.282 2.83 2.817 2.83m6.257 3.848c1.535 0 2.701-1.163 2.701-2.656c0-1.635-1.166-2.267-2.472-2.655c-1.209-.387-1.792-.818-1.792-1.666s.64-1.465 1.463-1.465c.84 0 1.577.604 1.577 1.535c0 .519-.241.647-.241.934c0 .33.226.574.583.574c.441 0 .882-.647.882-1.566c0-1.48-1.278-2.57-2.801-2.57c-1.535 0-2.687 1.163-2.687 2.656c0 1.623 1.152 2.267 2.46 2.655c1.224.372 1.804.818 1.804 1.666c0 .86-.64 1.45-1.462 1.45c-.883 0-1.566-.601-1.578-1.465c-.015-.388-.3-.604-.598-.604c-.327 0-.626.216-.61.631c.011 1.499 1.247 2.546 2.77 2.546zm6.171-3.849c.795 0 1.424-.229 1.862-.503c.426-.272.595-.504.595-.76c0-.272-.2-.516-.568-.516c-.441 0-.795.66-1.877.66c-.952 0-1.707-.76-1.707-1.722c0-.95.725-1.724 1.635-1.724c.982 0 1.508.647 1.508 1.062c0 .116-.085.174-.2.174h-1.194c-.326 0-.568.216-.568.503c0 .314.242.546.568.546h1.636c.625 0 1.009-.33 1.009-.89c0-1.408-1.194-2.512-2.774-2.512c-1.566 0-2.83 1.263-2.83 2.84s1.312 2.842 2.905 2.842"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Simple Icons →