ICONYZ
Русский
Иконка Jigsaw Details из набора Siemens Industrial Experience Icons

Иконка Jigsaw Details

ix:jigsaw-details

Иконка Jigsaw Details (ix:jigsaw-details) — бесплатная 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
Теги
jigsawdetails, detail
Скачать 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="m245.234 42.667l70.989 70.977l3.81 3.661c5.58 5.107 7.508 5.46 8.737 4.338l.351-.378c.409-.506.681-1.064.769-1.318a49.4 49.4 0 0 1 11.576-18.305c18.175-18.162 46.991-19.134 66.279-2.917l3.202 2.918c19.185 19.185 19.185 50.275.004 69.455c-5.24 5.247-11.497 9.172-18.554 11.653c-2.881 2.147-2.742 4.299 6.522 13.6L458.573 256h-56.365l-31.523-31.528c-7.045-7.074-11.397-12.147-14.707-18.678l-1.575-3.403c-8.143-19.252-1.848-38.027 11.714-49.621l2.467-1.97l4.868-3.628l5.728-2.014c1.444-.507 2.576-1.218 3.594-2.237c3.166-3.166 3.562-8.048 2.077-10.793l-.748-1.035l-2.001-1.866c-3.612-3.037-9.049-2.815-12.441.574c-1.013 1.015-1.763 2.202-2.075 3.064c-1.633 4.765-4.209 9.409-7.469 13.444c-13.132 16.253-34.796 19.993-52.778 10.711c-5.736-2.961-10.456-6.669-16.278-12.246l-3.013-2.95l-42.827-42.81l-23.89 23.89l1.58 1.328l3.198 3.002c26.97 26.961 26.961 70.678-.032 97.674c-26.967 26.922-70.643 26.912-97.627-.052a69 69 0 0 1-3.023-3.227l-1.287-1.554l-25.125 25.145l42.734 42.719c7.085 7.085 11.466 12.171 14.799 18.7l1.587 3.401c8.208 19.254 1.947 38.104-11.651 49.74l-2.474 1.977l-4.822 3.595l-5.668 2.012c-1.561.554-2.697 1.268-3.709 2.282c-3.163 3.165-3.558 8.049-2.035 10.831l.768 1.052l1.91 1.798c3.62 3.042 9.056 2.819 12.535-.666c.947-.941 1.662-2.074 1.967-2.93c1.641-4.816 4.248-9.476 7.49-13.485c13.161-16.274 34.842-19.978 52.82-10.688c5.76 2.976 10.51 6.714 16.34 12.31l3.014 2.958L256 402.22v56.346l-59.558-59.563c-9.37-9.368-11.543-9.514-13.01-7.7l-.619.966l-.138.317a48.76 48.76 0 0 1-11.581 18.326c-18.139 18.172-46.974 19.141-66.275 2.924l-3.187-2.919c-19.172-19.179-19.172-50.261-.008-69.439c5.228-5.242 11.465-9.147 18.567-11.667c2.685-2.003 2.752-4.019-4.751-11.795l-72.773-72.793l60.457-60.463c17.057-17.053 32.903-18.116 42.589-6.138c1.614 1.996 2.736 3.964 3.459 5.627l.594 1.552a29 29 0 0 0 6.88 10.896c11.401 11.393 29.872 11.396 41.278.01c11.41-11.413 11.41-29.896.012-41.29c-3.124-3.125-6.829-5.447-10.687-6.815c-2.106-.692-4.717-1.968-7.379-4.119c-11.982-9.686-10.92-25.532 6.133-42.586zM448 320v-42.667H277.333V320zm0 64v-42.667H277.333V384zm0 21.333V448H277.333v-42.667z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="ix:jigsaw-details" width="24" />

Vue

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

<template>
  <Icon icon="ix:jigsaw-details" width="24" />
</template>

Svelte

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

<Icon icon="ix:jigsaw-details" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="ix:jigsaw-details"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/ix/jigsaw-details.svg" alt="Иконка Jigsaw Details" width="24" height="24">

Похожие иконки в наборе Siemens Industrial Experience Icons

Иконка jigsaw
jigsaw
 Иконка jigsaw-details-filled
jigsaw-details-filled
 Иконка jigsaw-filled
jigsaw-filled

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

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

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

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

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

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

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

Все Siemens Industrial Experience Icons →