Encrypted Add Outline Rounded アイコン
material-symbols-light:encrypted-add-outline-rounded
Encrypted Add Outline Rounded アイコン(material-symbols-light:encrypted-add-outline-rounded)は、Material Symbols Light セットの無料 SVG アイコンです(作者: Google)。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- プライバシー
- タグ
- encryptedadd、addoutline、outlinerounded、encryptedaddoutlinerounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.683 20.864Q8.64 19.82 6.82 17.057T5 11.1V6.817q0-.514.293-.926q.292-.412.757-.597l5.385-2q.292-.106.565-.106t.566.106l5.384 2q.464.186.757.597q.293.412.293.926v4.343q0 .212-.144.356t-.357.144t-.356-.144T18 11.16V6.798q0-.192-.106-.346q-.105-.154-.298-.23l-5.384-2q-.096-.04-.212-.04t-.212.04l-5.384 2q-.193.076-.298.23Q6 6.606 6 6.798V11.1q0 3.025 1.7 5.5t4.3 3.3q.189.067.29.26q.1.192.036.389t-.26.29t-.383.025M17 18h-2.5q-.213 0-.356-.144T14 17.499t.144-.356T14.5 17H17v-2.5q0-.213.144-.356t.357-.144t.356.144t.143.356V17h2.5q.213 0 .356.144t.144.357t-.144.356T20.5 18H18v2.5q0 .213-.144.356t-.357.144t-.356-.144T17 20.5zm-5.534-3.5h1.069q.181 0 .318-.151q.136-.152.086-.334l-.475-2.606q.442-.153.73-.544q.287-.392.287-.865q0-.61-.436-1.046t-1.047-.435t-1.045.435T10.519 10q0 .473.288.865q.287.39.73.544l-.475 2.606q-.05.182.086.333t.318.152"/></svg>Encrypted Add Outline Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:encrypted-add-outline-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:encrypted-add-outline-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:encrypted-add-outline-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--encrypted-add-outline-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:encrypted-add-outline-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:encrypted-add-outline-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/encrypted-add-outline-rounded.svg" alt="Encrypted Add Outline Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Encrypted Add Outline Rounded アイコン
Encrypted Add Outline Rounded アイコン のよくある質問
Encrypted Add Outline Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Encrypted Add Outline Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:encrypted-add-outline-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Encrypted Add Outline Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/encrypted-add-outline-rounded.svg" alt="Encrypted Add Outline Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。