Иконка History List

ix:history-list

Иконка History List (ix:history-list) — бесплатная SVG-иконка из набора Siemens Industrial Experience Icons от Siemens AG. Она нарисована на сетке 512 × 512. Siemens Industrial Experience Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Siemens Industrial Experience Icons
Автор: Siemens AG
Лицензия: MIT
Размер: 512 × 512
Теги: historylist

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M298.667 378.623c-13.637 3.51-27.934 5.376-42.667 5.376c-47.128 0-89.795-19.102-120.68-49.987l30.17-30.17c23.164 23.164 55.164 37.491 90.51 37.491c14.96 0 29.321-2.567 42.667-7.284zM85.333 213.333q.002 6.547.486 12.972l-32.486-32.476l-30.17 30.17l83.504 83.504l83.503-83.504l-30.17-30.17l-31.451 31.441c-.363-3.93-.549-7.912-.549-11.937c0-70.693 57.308-128 128-128s128 57.307 128 128c0 32.783-12.324 62.687-32.593 85.333h52.428c14.521-25.103 22.832-54.247 22.832-85.333c0-94.257-76.41-170.667-170.667-170.667S85.333 119.076 85.333 213.333m149.334 11.52V106.666h42.666v95.147l54.4 36.48l-23.466 35.413zm256 95.146v42.667H384v-42.667zm-128 0v42.667H320v-42.667zm128 106.667v-42.667H384v42.667zm-128-42.667v42.667H320v-42.667zm128 106.667v-42.667H384v42.667zm-128-42.667v42.667H320v-42.667z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="ix:history-list" width="24" />

Vue

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

<template>
  <Icon icon="ix:history-list" width="24" />
</template>

Svelte

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

<Icon icon="ix:history-list" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--history-list]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:history-list"></div>

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

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

<iconify-icon icon="ix:history-list"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/ix/history-list.svg" alt="Иконка History List" width="24" height="24">

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

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

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

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

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

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

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

Все Siemens Industrial Experience Icons →