Иконка Puzzle

simple-line-icons:puzzle

Иконка Puzzle (simple-line-icons:puzzle) — бесплатная SVG-иконка из набора Simple line icons от Sabbir Ahmed. Она нарисована на сетке 1024 × 1024. Simple line icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Simple line icons
Автор: Sabbir Ahmed
Лицензия: MIT
Размер: 1024 × 1024

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 1024.16c-20.288 0-39.378-7.87-53.746-22.19L21.742 565.474c-29.536-29.68-29.536-77.952-.065-107.568l159.904-159.872c9.873-9.872 25.025-12.224 37.44-5.743c12.369 6.464 19.12 20.223 16.69 33.967c-1.632 9.153-2.369 16.497-2.369 23.12c0 70 56.976 128.145 127.008 128.145c70.096 0 121.28-58.144 121.28-128.144c0-70.096-51.184-127.088-121.28-127.088c-6.56 0-13.87.751-23.023 2.368c-13.872 2.56-27.504-4.32-33.968-16.689c-6.464-12.4-4.128-27.568 5.744-37.44L458.191 21.41c28.88-28.752 78.816-28.688 107.567-.064L674.91 130.562C697.694 59.746 764.19 8.337 842.446 8.337c97.025 0 175.97 78.976 175.97 176.031c0 78.256-51.377 144.752-122.225 167.504l106.032 105.968c29.6 29.68 29.6 77.952.031 107.601l-436.448 436.464c-14.431 14.384-33.52 22.256-53.807 22.256zM174.895 395.218L66.99 503.09c-4.656 4.688-4.656 12.433.063 17.185l436.368 436.384c6.128 6.064 10.945 6.129 17.185-.064l436.352-436.384c4.689-4.72 4.689-12.4-.031-17.151L803.023 349.252c-9.632-9.632-12.128-24.32-6.193-36.56s18.848-19.505 32.528-17.84l4.88.623c2.688.369 5.377.817 8.193.817c61.744 0 111.968-50.193 111.968-111.904c0-61.777-50.224-112.032-111.968-112.032c-61.712 0-111.936 50.256-111.936 112.032c0 2.56.4 5.056.752 7.567l.688 5.712a32 32 0 0 1-18.03 32.288c-12.161 5.808-26.817 3.312-36.401-6.257L520.56 66.674c-6.128-6.064-10.944-6.129-17.185.064l-97.12 97.12c83.28 20.624 139.376 95.968 139.376 185.536c0 105.312-79.92 192.128-185.296 192.128c-89.536-.016-164.848-63.088-185.439-146.304z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="simple-line-icons:puzzle"></iconify-icon>

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

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

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

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

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

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

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

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

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

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

Все Simple line icons →