Иконка Sco

grommet-icons:sco

Иконка Sco (grommet-icons:sco) — бесплатная SVG-иконка из набора Grommet Icons от Grommet. Она нарисована на сетке 24 × 24. Grommet Icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Grommet Icons
Автор: Grommet
Лицензия: Apache-2.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" fill-rule="evenodd" d="M16.16 16.105H24c-.247.746-.99 1.367-1.794 1.367H1.273c-.804 0-1.33-.62-1.268-1.367h14.702a3.8 3.8 0 0 1-.2-1.957h.959c0 .187 0 .343.03.497c.31-.093.62-.28.897-.497h.619c-.526.56-1.02 1.025-1.268 1.212c.114.277.261.528.416.745m5.583-8.39C20.692 7.28 19.362 7 17.847 7c-1.546 0-3.03.28-4.206.715l.032.062h8.009zm-6.617 4.941c.031-.062.062-.124.093-.218l-10.792.032l-.03-.125c2.659-.528 5.967-.839 9.523-.839c.557 0 1.144 0 1.67.031c.03-.124.062-.217.093-.342H7.026l-.031-.093c2.319-.497 5.225-.808 8.348-.808h.34c-.03-.062-.061-.186-.092-.28H9.715l-.03-.093a29 29 0 0 1 5.38-.684a1.6 1.6 0 0 0-.34-.31h-2.876l-.062-.094c1.484-.466 3.278-.745 5.226-.745c1.887 0 3.556.31 4.885.745l-.03.063l-6.555.03q.138.094.278.28c.37-.031.741-.031 1.113-.031c2.35 0 4.514.28 6.245.653l-.03.186h-6.896c.031.094.031.218.062.311c2.505.032 4.793.31 6.71.683l-.031.187h-6.617c0 .125 0 .249-.031.342c2.412.124 4.638.373 6.494.745l-.031.156h-4.144a.55.55 0 0 1-.155.218h-.494c.03-.062.093-.125.124-.218h-1.948c-.031.093-.031.156-.063.218zm-.62 1.492c.032-.156.063-.31.125-.467H6.839l-.062-.124c2.32-.466 5.195-.777 8.287-.777c0-.031.031-.093.062-.124h.773c0 .031-.031.093-.031.124c.587.031 1.206.031 1.762.093a1 1 0 0 0 .154-.217h.495c-.03.093-.093.155-.186.249a33 33 0 0 1 4.36.559l-.03.217h-4.98c-.154.156-.278.31-.432.467h-.618c.217-.125.402-.31.557-.467h-1.423a3 3 0 0 0-.062.467z"/></svg>

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

React

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

<Icon icon="grommet-icons:sco" width="24" />

Vue

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

<template>
  <Icon icon="grommet-icons:sco" width="24" />
</template>

Svelte

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

<Icon icon="grommet-icons:sco" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="grommet-icons:sco"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все Grommet Icons →