ICONYZ
日本語
theSVG Color の Ozon アイコン

Ozon アイコン

thesvg-color:ozon

Ozon アイコン(thesvg-color:ozon)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 485 × 106 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
485 × 106
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="485" height="106" viewBox="0 0 485 106"><path fill="#005bff" d="M56.49 80.75c12.54-1.59 22.67-11.72 24.27-24.27a28.2 28.2 0 0 0-31.61-31.61C36.6 26.47 26.47 36.6 24.88 49.14a28.2 28.2 0 0 0 31.61 31.61M58.2.27a53 53 0 0 1 47.16 47.16c3.31 33.4-24.53 61.24-57.94 57.93A53 53 0 0 1 .27 58.2C-3.04 24.8 24.8-3.04 58.2.27m75.5 2.09h77.31c2.94 0 4.6 3.36 2.83 5.7l-53.49 70.57h41.91c7.64 0 13.65 6.95 12.07 14.87c-1.16 5.81-6.61 9.77-12.53 9.77h-83.96c-2.91 0-4.56-3.33-2.81-5.64L168.56 27h-34.4c-5.92 0-11.37-3.97-12.53-9.77c-1.59-7.92 4.43-14.87 12.07-14.87m335.51.28c7.98-1.68 15 4.36 15 12.04v85.03c0 2.97-3.43 4.62-5.75 2.78l-66.69-52.91v41.39c0 7.68-7.02 13.72-15 12.04c-5.72-1.2-9.64-6.53-9.64-12.37V5.91c0-2.97 3.43-4.62 5.75-2.78l66.7 52.91V15.01c0-5.84 3.93-11.16 9.64-12.37zM295.56 0c40.83 0 73.93 23.64 73.93 52.8s-33.1 52.8-73.93 52.8s-73.93-23.64-73.93-52.8S254.73 0 295.56 0m0 24.64c-28.21 0-49.29 14.87-49.29 28.16s21.08 28.16 49.29 28.16s49.29-14.86 49.29-28.16s-21.08-28.16-49.29-28.16"/></svg>

Ozon アイコンの使い方

React

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

<Icon icon="thesvg-color:ozon" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:ozon" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:ozon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--ozon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:ozon"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:ozon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/ozon.svg" alt="Ozon アイコン" width="24" height="24">

他のアイコンセットの Ozon アイコン

Ozon アイコン のよくある質問

Ozon アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Ozon アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:ozon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Ozon アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/ozon.svg" alt="Ozon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコン をすべて見る →