Norton アイコン
grommet-icons:norton
Norton アイコン(grommet-icons:norton)は、Grommet Icons セットの無料 SVG アイコンです（作者: Grommet）。 24 × 24 のグリッドで描かれています。 Grommet Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Grommet Icons
- 作者
- Grommet
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.91.816h.797v.797h-.797zm0 .797h-1.477v.797h1.477zm-1.477.797v1.554h-.738V2.41zm0 1.554h.758v.758h-.758zm.758 0v-.748h.836v.748zm-.758.758v1.613h-.65v.632h-.69v.923H18.5v.787h-.758V7.9h-.758l-.01.777h.768v.826h-.758l.01.903h-.651l.01.758h-.603l-.01.855c-1.136 1.635-1.923 3.351-2.633 5.063c-.09.217-.123.395-.233.524c-.239.28-.595.368-.885.36c-.542-.015-1.02-.268-1.272-.855c-.85-1.97-1.27-3.35-3.605-5.937c-.376-.417-.289-.949.01-1.117c.286-.163.687-.046 1.136.204c1.258.7 1.958 1.415 3.45 3.4c.543-1.311 1.482-3.084 2.652-5.004h.544V7.9h.515v-.75h.758V5.956h.817l-.01.758h.758v-.758h-.748v-.68h.68v-.554h1.253V5.5h.768v-.778zm-1.506 0v-.758h.768v.758zm0-.758h-.767v-.728h.767zm1.506-1.55h.757v.798h-.757zm2.27-.799h.819v.799h-.82zm-6.156 2.929v.742h-.933V6.53h-.933v.734a7.1 7.1 0 0 0-3.313-.812c-3.947 0-7.152 3.195-7.152 7.142c0 3.946 3.205 7.141 7.152 7.141a7.14 7.14 0 0 0 7.141-7.141a7.1 7.1 0 0 0-.823-3.333h.726v-.933h.622v-.933h.622v-.777h.27a10.36 10.36 0 0 1 1.887 5.976C21.813 19.34 17.153 24 11.406 24S1 19.34 1 13.594S5.66 3.187 11.406 3.187c1.87 0 3.624.493 5.14 1.357M22.703 0h.819v.817h-.82z"/></svg>Norton アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="grommet-icons:norton" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="grommet-icons:norton" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="grommet-icons:norton" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[grommet-icons--norton]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/grommet-icons -->
<div class="i-grommet-icons:norton"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="grommet-icons:norton"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/grommet-icons/norton.svg" alt="Norton アイコン" width="24" height="24">他のアイコンセットの Norton アイコン
Norton アイコン のよくある質問
Norton アイコンは商用利用でも無料ですか?
はい。Grommet Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Norton アイコンを使うには?
@iconify/react をインストールして <Icon icon="grommet-icons:norton" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Norton アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/grommet-icons/norton.svg" alt="Norton アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。