Tools ikonu

andrsrxn:tools

Tools ikonu (andrsrxn:tools), andrsrxn/icons setinden ücretsiz bir SVG ikondur (yapımcı: Andrés Raxón). 24 × 24 ızgara üzerinde çizilmiştir. andrsrxn/icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: andrsrxn/icons
Yazar: Andrés Raxón
Lisans: MIT
Boyut: 24 × 24
Kategori: Araçlar
Etiketler: tool

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" d="M14.82 4.13c1.42-1.42 2.7-1.51 3.54-1.33c.59.13.66.82.23 1.25l-.88.88a1 1 0 0 0 0 1.41l.02.03a1 1 0 0 0 1.42 0l.86-.86c.43-.43 1.14-.34 1.23.27c.12.82-.04 2.02-1.36 3.34c-.85.85-2.1.97-2.8.96c-.32 0-.64.11-.86.34l-5 5.22a3 3 0 0 0-.77 1.49l-.46 2.27a1 1 0 0 1-.38.6l-1.64 1.23a1 1 0 0 1-.74.18l-.54-.07A1 1 0 0 1 6 19.8l.7-1.09a1 1 0 0 0-.13-1.23l-.11-.12a1 1 0 0 0-1.29-.12l-.66.45a1 1 0 0 1-1.56-.82v-.96a1 1 0 0 1 .35-.76l1.85-1.57a1 1 0 0 1 .64-.24h.9a3 3 0 0 0 2.06-.81l4.74-4.48c.23-.21.34-.52.34-.83c0-.76.12-2.23 1-3.1" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.02 13.21l5.51-5.4q.24-.2.28-.32c.04-.1.05-.22.05-.47c.01-.8.16-2.48 1.18-3.4a4.2 4.2 0 0 1 3.32-1.15c.53.05.8.08.9.38c.11.3-.1.51-.54.95l-1.16 1.14c-.33.34-.5.5-.5.71s.17.38.5.7l.13.14c.33.33.5.5.7.5c.21 0 .38-.17.71-.5l1.2-1.2c.43-.42.64-.63.93-.53s.33.35.4.85c.13.9.01 2.13-1.12 3.26c-.98.98-2.7 1.18-3.5 1.22c-.24 0-.36.01-.45.05s-.16.12-.31.27l-5.44 5.6"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m8.53 12.68l-.4.4a1 1 0 0 1-.32.27c-.1.04-.21.04-.46.04c-.84.01-2.62.16-3.6 1.24a4.4 4.4 0 0 0-1.2 3.55c.06.54.1.8.4.9c.29.11.5-.1.94-.55l1.29-1.29c.33-.33.5-.5.7-.5c.21 0 .38.17.71.5l.2.2c.34.33.5.5.5.7c0 .21-.16.38-.5.71L5.46 20.2c-.42.42-.63.63-.54.92c.1.3.35.33.86.41c.94.15 2.27.05 3.48-1.16c1.04-1.04 1.24-2.88 1.28-3.71q0-.33.05-.43c.04-.09.11-.16.26-.31l.48-.48"/><path fill="currentColor" d="M20.86 20.82c.9-.89.9-2.34 0-3.23l-4.11-4.07c-.2-.2-.3-.3-.4-.38a2 2 0 0 0-2.48.02c-.1.08-.2.18-.4.4c-.2.2-.3.3-.37.4a2 2 0 0 0 .03 2.46c.08.1.18.2.38.4l4.15 4.03c.9.87 2.32.86 3.2-.03" opacity=".2"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m15.06 11.77l5.82 5.83a2.27 2.27 0 0 1-3.22 3.2l-5.78-5.78M5 2.79l1.33.86c.78.5 1.17.75 1.27 1.12a1 1 0 0 1 .04.32c-.02.38-.35.7-1 1.37l-.26.25c-.63.64-.95.96-1.32.99a1 1 0 0 1-.34-.04c-.36-.1-.6-.47-1.11-1.21l-.9-1.33a1.67 1.67 0 0 1 2.3-2.33m5.46 7.81L6.54 6.65"/></g></svg>

Tools ikonu nasıl kullanılır

React

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

<Icon icon="andrsrxn:tools" width="24" />

Vue

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

<template>
  <Icon icon="andrsrxn:tools" width="24" />
</template>

Svelte

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

<Icon icon="andrsrxn:tools" width="24" />

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

<iconify-icon icon="andrsrxn:tools"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/andrsrxn/tools.svg" alt="Tools ikonu" width="24" height="24">

Diğer ikon setlerinde Tools ikonu

Tools ikonu: sık sorulan sorular

Tools ikonu ticari kullanım için ücretsiz mi?

Evet. andrsrxn/icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Tools ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="andrsrxn:tools" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Tools ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/andrsrxn/tools.svg" alt="Tools ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: andrsrxn/icons →