Odnoklassniki アイコン
zmdi:odnoklassniki
Odnoklassniki アイコン(zmdi:odnoklassniki)は、Material Design Iconic Font セットの無料 SVG アイコンです（作者: MDI Community）。 272 × 432 のグリッドで描かれています。 Material Design Iconic Font icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Design Iconic Font
- 作者
- MDI Community
- ライセンス
- OFL-1.1
- サイズ
- 272 × 432
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="272" height="432" viewBox="0 0 272 432"><path fill="currentColor" d="M136 219q-45 0-76.5-32T28 110.5t31.5-76T136 3t76.5 31.5t31.5 76t-31.5 76.5t-76.5 32m0-161q-22 0-37.5 15.5T83 111t15.5 37.5T136 164t37.5-15.5T189 111t-15.5-37.5T136 58m124 174q8 15 1 24.5T232 281q-27 17-75 22l81 81q7 7 7 17.5t-7 17.5l-3 3q-8 7-18 7t-17-7q-12-11-64-64l-63 64q-7 7-17.5 7T38 422l-3-3q-7-7-7-17.5t7-17.5l63-63l18-18q-48-4-76-22q-22-15-29-24.5t1-24.5q5-11 16-13.5t29 8.5q14 11 33.5 17t32.5 6l13 1q49 0 79-24q18-11 29-8.5t16 13.5"/></svg>
Odnoklassniki アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:odnoklassniki" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:odnoklassniki" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:odnoklassniki" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--odnoklassniki]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:odnoklassniki"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:odnoklassniki"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/zmdi/odnoklassniki.svg" alt="Odnoklassniki アイコン" width="24" height="24">
他のアイコンセットの Odnoklassniki アイコン
Odnoklassniki アイコン のよくある質問
Odnoklassniki アイコンは商用利用でも無料ですか?
はい。Material Design Iconic Font icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Odnoklassniki アイコンを使うには?
@iconify/react をインストールして <Icon icon="zmdi:odnoklassniki" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Odnoklassniki アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/zmdi/odnoklassniki.svg" alt="Odnoklassniki アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Design Iconic Font アイコン をすべて見る →
ICONYZ
