Иконка Okonomiyaki Outline
material-symbols-light:okonomiyaki-outline
Иконка Okonomiyaki Outline (material-symbols-light:okonomiyaki-outline) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Путешествия
- Теги
- okonomiyakioutline, okonomiyaki outline sharp
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.486 20.932q-.242-.074-.459-.236l-.842-.611q-.333-.239-.696-.361q-.364-.122-.772-.122H7.65q-.537 0-.953-.318q-.417-.318-.583-.822l-.331-1.012q-.125-.388-.364-.692q-.238-.304-.552-.543l-.861-.611q-.417-.315-.561-.814q-.145-.5.017-1.002l.305-.992q.12-.388.12-.771t-.12-.771l-.305-1.018q-.162-.502-.017-1q.145-.5.56-.815l.862-.612q.314-.238.552-.551t.364-.702l.33-.993q.167-.504.583-.822q.417-.318.954-.318h1.067q.404 0 .78-.11q.374-.11.707-.348l.823-.636q.217-.162.459-.236q.241-.074.504-.074q.264 0 .515.074t.449.236l.862.636q.332.239.696.348q.363.11.77.11h1.068q.537 0 .954.318t.583.822l.33.973q.125.383.342.71q.216.325.549.563l.861.612q.413.315.575.814q.162.5-.006 1.001l-.33 1.037q-.125.389-.125.771t.125.752l.33.993q.168.502.006 1q-.162.5-.575.815l-.861.612q-.314.238-.54.554t-.35.7l-.332.992q-.166.504-.583.822t-.953.318h-1.067q-.408 0-.771.122t-.696.36l-.843.612q-.217.162-.458.236t-.515.074t-.514-.074M11.6 4.146q-.206.156-.421.306t-.421.306q-.448.323-.984.494q-.535.171-1.082.171H7.625q-.204 0-.36.124q-.155.124-.219.309q-.1.261-.175.511t-.155.506q-.181.529-.499.97t-.77.759q-.206.156-.412.318q-.206.163-.412.3q-.165.107-.238.301t-.01.398q.07.26.153.496q.082.237.153.497q.161.534.161 1.088t-.161 1.089q-.07.27-.153.515t-.153.515q-.044.185.01.372q.054.188.219.295q.205.156.421.306t.421.306q.448.342.768.784q.32.441.501.97q.081.256.166.496q.084.24.165.496q.063.185.232.309q.168.124.372.124h1.042q.567 0 1.092.171t.98.494l.42.318l.422.319q.16.102.346.118t.34-.08q.244-.136.46-.318q.215-.182.44-.357q.454-.317.984-.491t1.082-.174h1.067q.204 0 .37-.124q.164-.124.228-.309q.08-.255.166-.496q.084-.24.165-.496q.18-.535.491-.973q.31-.438.765-.781q.231-.175.463-.325q.23-.15.437-.344q.146-.127.2-.305t-.01-.343l-.156-.493q-.075-.238-.175-.5q-.18-.534-.18-1.088t.18-1.088l.156-.494q.075-.237.15-.499q.044-.184 0-.369t-.21-.311q-.205-.17-.43-.325l-.45-.312q-.448-.323-.75-.761q-.3-.439-.481-.968q-.081-.256-.156-.505q-.075-.25-.175-.512q-.082-.204-.251-.318t-.372-.115h-1.042q-.567 0-1.092-.161t-.98-.504l-.42-.318q-.216-.163-.441-.294q-.16-.107-.36-.107t-.365.107M9.81 7.698L7.777 9.712q-.577.552-.574 1.361q.003.81.564 1.362q.562.551 1.359.561t1.368-.542l2.672-2.696q.265-.266.63-.266t.638.27t.274.65t-.266.648l-1.984 2.01q-.545.555-.564 1.35t.533 1.347q.552.596 1.362.587q.809-.01 1.367-.587l.69-.684l-.713-.714l-.69.685q-.266.265-.64.265q-.372 0-.638-.285q-.284-.265-.284-.648t.285-.648l1.99-1.97q.571-.561.571-1.364q0-.802-.561-1.354q-.562-.552-1.37-.552q-.806 0-1.363.552l-2.671 2.671q-.266.266-.639.266t-.639-.266t-.265-.647t.285-.668l1.994-1.994zm2.17 4.321"/></svg>Как использовать иконку Okonomiyaki Outline
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:okonomiyaki-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:okonomiyaki-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:okonomiyaki-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--okonomiyaki-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:okonomiyaki-outline"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:okonomiyaki-outline"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/okonomiyaki-outline.svg" alt="Иконка Okonomiyaki Outline" width="24" height="24">Похожие иконки в наборе Material Symbols Light
Иконка Okonomiyaki Outline в других наборах
Вопросы и ответы: Иконка Okonomiyaki Outline
Можно ли бесплатно использовать иконку Okonomiyaki Outline в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Okonomiyaki Outline в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:okonomiyaki-outline" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Okonomiyaki Outline на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/okonomiyaki-outline.svg" alt="Иконка Okonomiyaki Outline">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.