Иконка Lowerleftpencil

fxemoji:lowerleftpencil

Иконка Lowerleftpencil (fxemoji:lowerleftpencil) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 512 × 512. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Firefox OS Emoji
Автор: Mozilla
Лицензия: Apache-2.0
Размер: 512 × 512
Категория: Предметы

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#2B2622" d="m75.702 480.187l-55.765 23.617a8.207 8.207 0 0 1-10.758-4.357a8.24 8.24 0 0 1 0-6.401l23.617-55.765c7.05-16.646 26.259-24.426 42.906-17.376s24.426 26.259 17.376 42.906c-3.441 8.124-9.855 14.169-17.376 17.376"/><path fill="#E5AA6E" d="M153.573 449.535L46.981 492.678l-26.676-26.676L63.449 359.41z"/><path fill="#FFD469" d="m352.023 90.77l70.191 70.191c6.025 6.025 6.025 15.794 0 21.819L157.73 447.263a7.2 7.2 0 0 1-10.182 0l-81.827-81.827a7.2 7.2 0 0 1 0-10.182L330.204 90.77c6.025-6.026 15.794-6.026 21.819 0"/><path fill="#FF6E83" d="m450.433 23.129l39.421 39.421c14.522 14.522 14.522 38.066 0 52.588l-33.615 33.615a7.2 7.2 0 0 1-10.182 0L364.23 66.926a7.2 7.2 0 0 1 0-10.182l33.615-33.615c14.522-14.522 38.066-14.522 52.588 0"/><path fill="#B9C5C6" d="m366.373 54.6l92.009 92.009l-62.809 62.809l-92.009-92.009z"/><path fill="#96A9B2" d="m435.29 169.702l-92.009-92.009l8.33-8.33l92.009 92.009zm-14.781 14.781L328.5 92.474l-8.33 8.33l92.009 92.009z"/></svg>

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

React

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

<Icon icon="fxemoji:lowerleftpencil" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:lowerleftpencil" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:lowerleftpencil" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="fxemoji:lowerleftpencil"></iconify-icon>

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

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

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

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

Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки Firefox OS Emoji →