Sec 10 アイコン
zmdi:sec-10
Sec 10 アイコン(zmdi:sec-10)は、Material Design Iconic Font セットの無料 SVG アイコンです(作者: MDI Community)。 512 × 384 のグリッドで描かれています。 Material Design Iconic Font icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Design Iconic Font
- 作者
- MDI Community
- ライセンス
- OFL-1.1
- サイズ
- 512 × 384
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="384" viewBox="0 0 512 384"><path fill="currentColor" d="m0 101l101-37h6v256H64V115L0 137zm507 142q5 8 5 21t-5 23q-6 11-15 18q-10 7-24 11q-13 4-30 4q-20 0-34.5-5T379 301q-9-9-14.5-20t-5.5-22h41q0 8 3 14q4 6 9 9q5 4 12 5q6 2 14 2q16 0 24.5-6t8.5-17q0-4-1-8q-2-4-6-7q-5-4-12-6q-8-3-20-6q-16-3-28-8t-20-11q-9-6-14-15t-5-21t5-21q5-11 14-18.5t23-12.5q13-4 29-4q18 0 32 5t23 12q10 8 15 19t5 23h-42q0-4-2-10t-6-9q-5-4-10-6q-7-3-14.5-3t-13.5 2t-10 5q-3 3-6 8q-1 4-1 8.5t1.5 8t5.5 6.5t12 5q8 3 19 5q15 4 28 8q12 5 22 12q9 6 13 16M295 86q11 13 16 34q6 21 6 51v41q0 30-6 51q-5 21-16 34q-11 14-26 19q-15 6-34 6q-18 0-34-6q-15-5-26-19q-11-12-17-34q-6-20-6-51v-41q0-29 6-51q6-21 16.5-34t26-18.5T235 62t34 5.5T295 86m-20 132v-54q0-18-2-32q-3-13-8-21t-13-11.5t-17-3.5q-10 0-18 3q-7 4-12.5 12t-8.5 21q-2 13-2 33v53q0 20 2 33q3 13 9 21q5 9 12.5 12.5T235 288t17.5-3.5t12.5-12t7.5-22T275 218"/></svg>Sec 10 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:sec-10" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:sec-10" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:sec-10" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--sec-10]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:sec-10"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:sec-10"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/zmdi/sec-10.svg" alt="Sec 10 アイコン" width="24" height="24">Material Design Iconic Font の関連アイコン
Sec 10 アイコン のよくある質問
Sec 10 アイコンは商用利用でも無料ですか?
はい。Material Design Iconic Font icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Sec 10 アイコンを使うには?
@iconify/react をインストールして <Icon icon="zmdi:sec-10" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sec 10 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/zmdi/sec-10.svg" alt="Sec 10 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。