ICONYZ
Русский
Иконка Screwdriver из набора Twitter Emoji

Иконка Screwdriver

twemoji:screwdriver

Иконка Screwdriver (twemoji:screwdriver) — бесплатная SVG-иконка из набора Twitter Emoji от Twitter. Она нарисована на сетке 36 × 36. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Twitter Emoji
Автор
Twitter
Лицензия
CC-BY-4.0
Размер
36 × 36
Категория
Предметы
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#99aab5" d="m5.597 7.805l11.647 11.646l2.207-2.207L7.805 5.597L7 3L3 1L1 3l2 4z"/><path fill="#e1e8ed" d="M17.289 17.333L8.035 8.079c-.458-.457-.637-1.026-.399-1.264c.239-.238.807-.059 1.264.398l9.254 9.254c.457.457.636 1.026.398 1.264c-.237.238-.806.059-1.263-.398"/><path fill="#dd2e44" d="m16.33 20.744l4.414-4.414a1.834 1.834 0 0 1 2.586 0l10.964 10.964a1.834 1.834 0 0 1 0 2.586l-4.414 4.414a1.834 1.834 0 0 1-2.586 0L16.33 23.33a1.834 1.834 0 0 1 0-2.586m-2.263-1.616l5.061-5.061a1.376 1.376 0 0 1 1.939 0a1.376 1.376 0 0 1 0 1.939l-5.061 5.061a1.376 1.376 0 0 1-1.939 0a1.376 1.376 0 0 1 0-1.939"/><path fill="#ea596e" d="m15.832 17.947l3.338-3.338c.457-.457 1.026-.636 1.264-.398s.059.807-.398 1.264l-3.338 3.338c-.457.457-1.026.636-1.264.398c-.239-.238-.059-.807.398-1.264"/><path fill="#a0041e" d="M22.037 17.623a.916.916 0 0 1 1.293 0l9.672 9.672a.916.916 0 0 1 0 1.293a.916.916 0 0 1-1.293 0l-9.672-9.672a.916.916 0 0 1 0-1.293m-4.414 4.414a.916.916 0 0 1 1.293 0l9.672 9.672a.916.916 0 0 1 0 1.293a.916.916 0 0 1-1.293 0l-9.672-9.672a.916.916 0 0 1 0-1.293m1.639-2.932c.356-.356.97-.323 1.364.072l10.632 10.632c.395.395.427 1.009.072 1.364c-.356.356-.97.323-1.364-.072L19.333 20.469c-.395-.395-.427-1.009-.071-1.364"/><path fill="#66757f" d="M3.155 1.078h-.233l-1.87 1.87l.004.166l.324.646l2.38-2.38z"/><path fill="#e1e8ed" d="m2.147 3.573l1.648-1.649L6.558 3.35L4.33 5.518z"/></svg>

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

React

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

<Icon icon="twemoji:screwdriver" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:screwdriver" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:screwdriver" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="twemoji:screwdriver"></iconify-icon>

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

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

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

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

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

Да. Twitter Emoji icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

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

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

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

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

Все Иконки Twitter Emoji →