Cookie Refresh Outline アイコン
mdi:cookie-refresh-outline
Cookie Refresh Outline アイコン(mdi:cookie-refresh-outline)は、Material Design Icons セットの無料 SVG アイコンです(作者: Pictogrammers)。 24 × 24 のグリッドで描かれています。 Material Design Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Design Icons
- 作者
- Pictogrammers
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 飲食
- タグ
- biscuit refresh outline、food、drink、cookierefresh、refreshoutline、cookierefreshoutline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 12.5c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5m-2-5c0-.83-.67-1.5-1.5-1.5S8 6.67 8 7.5S8.67 9 9.5 9S11 8.33 11 7.5m4 2.5h1v.5c0 .83.67 1.5 1.5 1.5H19v.03c.69.06 1.36.21 2 .47V12c0-.5-.04-1-.13-1.5C20.6 10 20 10 20 10h-2V9c0-1-1-1-1-1h-2V7c0-1-1-1-1-1h-1V4c0-1-1-1-1-1a9 9 0 0 0 0 18h.5c-.26-.64-.41-1.31-.47-2c-.23 0-.47 0-.71-.04c.27-.06.49-.2.68-.38v-.08c0-.63.1-1.23.26-1.81a1.497 1.497 0 0 0-2.76.81c0 .5.26.97.66 1.24c-2.62-.7-4.66-2.93-5.07-5.62C5 12.61 5 12.11 5 11.62c.07.77.71 1.38 1.5 1.38c.83 0 1.5-.67 1.5-1.5S7.33 10 6.5 10c-.68 0-1.25.46-1.43 1.08C5.47 8 7.91 5.5 11 5.07V6.5c0 .83.67 1.5 1.5 1.5h.5v.5c0 .83.67 1.5 1.5 1.5zm7 8.5v-4l-1.17 1.17A4 4 0 0 0 18 14.5c-2.21 0-4 1.79-4 4s1.79 4 4 4c1.68 0 3.12-1.03 3.71-2.5H20a2.5 2.5 0 1 1-.23-3.27L18 18.5z"/></svg>Cookie Refresh Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:cookie-refresh-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:cookie-refresh-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:cookie-refresh-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--cookie-refresh-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:cookie-refresh-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:cookie-refresh-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/mdi/cookie-refresh-outline.svg" alt="Cookie Refresh Outline アイコン" width="24" height="24">Material Design Icons の関連アイコン
cookie
cookie-alert
cookie-alert-outline
cookie-check
cookie-check-outline
cookie-clock
cookie-clock-outline
cookie-cog
cookie-cog-outline
cookie-edit
cookie-edit-outline
cookie-lock
cookie-lock-outline
cookie-minus
cookie-minus-outline
cookie-off
cookie-off-outline
cookie-outline
cookie-plus
cookie-plus-outline
cookie-refresh
cookie-remove
cookie-remove-outline
cookie-settings
Cookie Refresh Outline アイコン のよくある質問
Cookie Refresh Outline アイコンは商用利用でも無料ですか?
はい。Material Design Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cookie Refresh Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="mdi:cookie-refresh-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cookie Refresh Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/mdi/cookie-refresh-outline.svg" alt="Cookie Refresh Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。