Иконка Gem
fxemoji:gem
Иконка Gem (fxemoji:gem) — бесплатная SVG-иконка из набора Firefox OS Emoji от Mozilla. Она нарисована на сетке 72 × 72. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Firefox OS Emoji
- Автор
- Mozilla
- Лицензия
- Apache-2.0
- Размер
- 72 × 72
- Категория
- Люди
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#0096D1" d="m26.1 49.8l9.6 21.8c0 .1-.1.1-.1.1L16.9 49.8zm-8.8-20.1H.1c0 .7 1.1 1.6 1.1 1.6l15.7 18.5l6.3-6.7z"/><path fill="#76DFFF" d="M71.5 30.5c-.5.5-1.3.5-1.8 0c-.2-.2-.4-.6-.4-.9H54.6l-9.2-10L55 9.5l16.3 19.1s0 .1.1.1h.1c.5.6.5 1.4 0 1.8m-35.6-.8l9.4-10l-9.4-10.2l-9.4 10.2z"/><path fill="#59CAFC" d="M36.3 71.7c-.1.1-.2 0-.1-.1l9.6-21.8H55zm12.4-28.6l6.3 6.7l16.4-19.2s.4-.6.4-.9H54.6z"/><path fill="#27C7FF" d="m26.5 19.7l-9.2 10h18.6z"/><path fill="#B0E9FF" d="m45.4 19.7l-9.5 10h18.7z"/><path fill="#00B1FF" d="m26.5 19.7l-9.2 10H.1s.1-.6.5-1l15.8-18.5c.1-.1.2-.2.3-.2c.2-.3.5-.4.9-.4c.7 0 1.2.6 1.2 1.2c0 .2-.1.4-.2.6zm9.4 10l12.8 13.5l5.9-13.5zm-18.6 0l5.9 13.5L36 29.7zm8.8 20.1l9.7 22q.15.15.3 0l9.7-22zm22.6-6.7l-2.9 6.7H55z"/><path fill="#59CAFC" d="M45.4 19.7L35.9 9.5H55zM35.9 9.5H18c-.4 0-1.2 0-.9.3l9.4 9.9z"/><path fill="#0074A8" d="m23.2 43.1l-6.3 6.7h9.2z"/><path fill="#0096D1" d="m23.2 43.1l2.9 6.7h19.7l2.9-6.7l-12.8-13.4z"/><path fill="#FFF" d="M52.7 29.9c2.7.7 4.8 2.8 5.5 5.5c.1.3.4.3.5 0c.7-2.7 2.8-4.8 5.5-5.5c.3-.1.3-.4 0-.5c-2.7-.7-4.8-2.8-5.5-5.5c-.1-.3-.4-.3-.5 0c-.7 2.7-2.8 4.8-5.5 5.5c-.3.1-.3.4 0 .5"/><path fill="#B0E9FF" d="M42.6 3.6c1.4.4 2.5 1.5 2.9 2.9c0 .1.2.1.2 0c.4-1.4 1.5-2.5 2.9-2.9c.1 0 .1-.2 0-.2c-1.4-.4-2.5-1.5-2.9-2.9c0-.1-.2-.1-.2 0c-.4 1.4-1.5 2.5-2.9 2.9c-.1 0-.1.2 0 .2"/></svg>
Как использовать иконку Gem
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:gem" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:gem" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:gem" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--gem]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:gem"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:gem"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/gem.svg" alt="Иконка Gem" width="24" height="24">
Похожие иконки в наборе Firefox OS Emoji
Иконка Gem в других наборах
Вопросы и ответы: Иконка Gem
Можно ли бесплатно использовать иконку Gem в коммерческих проектах?
Да. Firefox OS Emoji icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Gem в React?
Установите @iconify/react и выведите <Icon icon="fxemoji:gem" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Gem на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fxemoji/gem.svg" alt="Иконка Gem">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Firefox OS Emoji →
ICONYZ
