Hold アイコン
openmoji:hold
Hold アイコン(openmoji:hold)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- OpenMoji 追加分
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fcea2b" d="M55.624 48.06c0 11.974-7.162 18.307-16.25 18.39c-5.77.053-18.405-.85-16.617-31.153m26.083 2.295a3.5 3.5 0 1 1 6.993.294"/><path fill="#fcea2b" d="M41.842 37.36a3.5 3.5 0 1 1 6.994.293"/><path fill="#fcea2b" d="M41.846 37.225a3.5 3.5 0 1 1 6.978.562m-14.019-.907a3.5 3.5 0 0 1 6.985.449m-18.498 8.856c-2.002-4.561-3.368-5.368-4.792-7.109c-1.95-2.384-1.41-4.103-.563-4.92c1.39-1.343 5.694.783 7.037 2.174m2.831-21.821a3.5 3.5 0 1 1 7 0"/><path fill="none" d="m24.844 36.455l-1.958-2.213m-5.035 4.863l1.821 2.38"/><path fill="#fcea2b" d="m34.915 41.924l-7.063-1.967V14.174h6.953zm0-5.08h20.921V49.07H34.915zm-7.11 3.221l-2.656-.995l.509-3.186l2.164 2.93z"/><path d="M23.649 13.422a7.735 7.735 0 1 1 12.06 6.414c-.78.527-.413-4.99-1.825-7.656c-.823-1.554-3.493-.825-4.083-.825c-1.51 0-1.337 9.37-2.527 8.621a7.73 7.73 0 0 1-3.625-6.554"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M55.816 50.774c0 9.089-7.367 16.456-16.456 16.456s-16.455-7.367-16.455-16.456m32.911.177v-13.05m-6.992-.294a3.5 3.5 0 1 1 6.994.294m-13.991-.526a3.5 3.5 0 1 1 6.994.293"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M41.831 37.24a3.5 3.5 0 1 1 6.978.562m-14.019-.906a3.5 3.5 0 0 1 6.985.448M17.836 39.12a3.5 3.5 0 1 1 5.035-4.863m4.919-19.733a3.5 3.5 0 1 1 7 0m-.001 22.335V14.524m-6.999 0v27.791m-2.961-5.844l-1.958-2.214m-3.268 7.183c1.953 2.143 3.374 5.167 3.302 9.521M17.836 39.12l1.821 2.38"/></svg>Hold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:hold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:hold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:hold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--hold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:hold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:hold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/hold.svg" alt="Hold アイコン" width="24" height="24">他のアイコンセットの Hold アイコン
Hold アイコン のよくある質問
Hold アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Hold アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:hold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Hold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/hold.svg" alt="Hold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。