ICONYZ
Русский
Иконка 123 из набора Arcticons

Иконка 123

arcticons:123

Иконка 123 (arcticons:123) — бесплатная SVG-иконка из набора Arcticons от Donnnno. Она нарисована на сетке 48 × 48. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Arcticons
Автор
Donnnno
Лицензия
CC-BY-SA-4.0
Размер
48 × 48
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.5 5.5h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m13.5 20.684l2.278-1.24v9.112m3.659-6.094a3.022 3.022 0 0 1 3.618-2.96c1.266.243 2.277 1.337 2.403 2.62c.094.955-.208 1.896-.868 2.475c-1.22 1.071-5.153 3.96-5.153 3.96h6.038m3.558-.769c.63.527 1.309.769 2.834.769h.355a2.28 2.28 0 0 0 2.278-2.278h0A2.28 2.28 0 0 0 32.222 24"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.032 20.205c.63-.526 1.31-.765 2.836-.761l.354.002a2.28 2.28 0 0 1 2.278 2.277h0a2.28 2.28 0 0 1-2.278 2.278m-1.751 0h1.751"/></svg>

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

React

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

<Icon icon="arcticons:123" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:123" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:123" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--123]"></span>

UnoCSS

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

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

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

<iconify-icon icon="arcticons:123"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/arcticons/123.svg" alt="Иконка 123" width="24" height="24">

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

Иконка 123 из набора Material Symbols
Material Symbols
 Иконка 123 из набора Bootstrap Icons
Bootstrap Icons
 Иконка 123 из набора Material Symbols Light
Material Symbols Light
 Иконка 123 из набора Pinhead Map Icons
Pinhead Map Icons

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

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

Да. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

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

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

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

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

Все Arcticons →