Safety Drown Hand アイコン

Q: Safety Drown Hand アイコンは商用利用でも無料ですか?

はい。Freehand color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-freehand-color:safety-drown-hand

Safety Drown Hand アイコン(streamline-freehand-color:safety-drown-hand)は、Freehand color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Freehand color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Freehand color icons
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: 案内表示
タグ: safetydrown、drownhand、safetydrownhand

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="#0c6fff" d="M23.087 23.19a5.4 5.4 0 0 1-1.198-.499a3.4 3.4 0 0 1-.918-.828l-.519-.848c-.05-.1-.09-.32-.14-.41a.54.54 0 0 0-.239-.219a.41.41 0 0 0-.559.19l-.449.838a4.2 4.2 0 0 1-1.996 1.048a2.9 2.9 0 0 1-2.125-.21a2.2 2.2 0 0 1-.519-.439a2.7 2.7 0 0 1-.379-.599c0-.06-.24-.578-.36-.768a.63.63 0 0 0-.648-.32a.75.75 0 0 0-.409.25c-.17.2-.46.739-.529.829a5.5 5.5 0 0 1-.688.758q-.344.331-.779.529a4.5 4.5 0 0 1-2.255.329a3.7 3.7 0 0 1-2.105-.868c-.36-.33-.719-.998-1.118-1.397q-.21-.222-.479-.37a.5.5 0 0 0-.569.18l-.14.36l-.688.997c-.271.389-.61.727-.998.998a2.06 2.06 0 0 1-1.297.34a.302.302 0 1 0-.08.598c.475.07.96.001 1.397-.2a4.4 4.4 0 0 0 1.607-1.257l.738-.997l.08.11q.462.705.998 1.356a4.65 4.65 0 0 0 2.504 1.278c.967.132 1.95.008 2.854-.36q.476-.263.868-.638q.557-.486.998-1.078l.06-.08q.206.393.51.719c.228.265.501.488.807.658a4 4 0 0 0 2.894.23a5.25 5.25 0 0 0 2.445-1.397q.128-.142.22-.31l.418.629c.325.405.725.744 1.178.998c.454.246.941.424 1.447.529a.341.341 0 1 0 .18-.659z"/><path fill="#020202" d="M3.888 14.26a6.7 6.7 0 0 0 1.417.997c.439.22 1.147.5 1.746.838c.324.152.607.378.828.659a4.9 4.9 0 0 1 .48 1.806a8.6 8.6 0 0 1 0 1.926a.29.29 0 0 0 .239.36a.3.3 0 0 0 .359-.24a9.5 9.5 0 0 0 .09-2.525a5.1 5.1 0 0 0-.4-1.736a2.6 2.6 0 0 0-.798-.878a19 19 0 0 0-1.996-1.168a6 6 0 0 1-1.157-.868a3.2 3.2 0 0 1-.729-1.098c-.13-.38-.042-.8.23-1.097a1.08 1.08 0 0 1 1.048-.47c.435.128.83.365 1.147.69c.569.518 1.028 1.207 1.567 1.716a.33.33 0 0 0 .38 0a.22.22 0 0 0 .139 0a.3.3 0 0 0 .17-.39L7.02 8.173q-.29-.876-.44-1.786c-.06-.36-.06-.727 0-1.087c.064-.343.276-.639.58-.809a.65.65 0 0 1 .798.11a4.93 4.93 0 0 1 1.197 2.185c.414 1.294.658 2.636.729 3.992a.34.34 0 0 0 .18.29c.06.061.142.097.229.099a.32.32 0 0 0 .29-.31v-4.41c-.043-.999-.01-2 .1-2.993a6.7 6.7 0 0 1 .488-1.807c.17-.399.4-.558.669-.469c.394.182.697.517.838.929c.189.465.322.95.399 1.446q.175 1.177.19 2.365V9.45c0 .539 0 .918-.05 1.506q.008.116 0 .23a.35.35 0 0 0 .279.4a.34.34 0 0 0 .4-.28q.215-1.083.269-2.186V6.845a10.6 10.6 0 0 1 .22-1.736c.06-.475.258-.922.568-1.287a.89.89 0 0 1 1.297-.08a2.36 2.36 0 0 1 .729 1.646c.047.927-.027 1.857-.22 2.765c-.3 1.446-.768 2.843-1.108 4.22a.341.341 0 0 0 .659.18l.27-.838q.356-1.032.868-1.996a2.6 2.6 0 0 1 1.287-1.137c.519-.2.908.13 1.147.568c.277.52.362 1.12.24 1.697a10.8 10.8 0 0 1-1.277 2.894a42 42 0 0 0-2.425 4.47a8.2 8.2 0 0 0-.57 2.115a.342.342 0 1 0 .68.09a6.8 6.8 0 0 1 .628-1.886a41 41 0 0 1 2.625-4.22a11.2 11.2 0 0 0 1.466-3.204a3.53 3.53 0 0 0-.728-2.993a1.766 1.766 0 0 0-2.165-.48a3.4 3.4 0 0 0-.55.35c.217-.848.327-1.72.33-2.595a3.24 3.24 0 0 0-1.587-2.824c-.8-.37-1.75-.172-2.335.49s-.07.11-.11.15a7 7 0 0 0-.368-1.508A2.5 2.5 0 0 0 11.68 0a1.69 1.69 0 0 0-1.567 1.207a7.6 7.6 0 0 0-.499 2.136a13 13 0 0 0 0 1.866a4.4 4.4 0 0 0-.908-1.427a1.736 1.736 0 0 0-2.065-.32A2.3 2.3 0 0 0 5.454 5.07a4 4 0 0 0 0 1.497q.213 1 .599 1.946l1.237 2.814a7 7 0 0 0-.698-.759a3.2 3.2 0 0 0-1.168-.698a2.06 2.06 0 0 0-2.095.678a2.17 2.17 0 0 0-.5 2.176a4.25 4.25 0 0 0 1.059 1.536"/></g></svg>

Safety Drown Hand アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="streamline-freehand-color:safety-drown-hand" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="streamline-freehand-color:safety-drown-hand" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="streamline-freehand-color:safety-drown-hand" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand-color--safety-drown-hand]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-freehand-color -->
<div class="i-streamline-freehand-color:safety-drown-hand"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="streamline-freehand-color:safety-drown-hand"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-freehand-color/safety-drown-hand.svg" alt="Safety Drown Hand アイコン" width="24" height="24">

Freehand color icons の関連アイコン

他のアイコンセットの Safety Drown Hand アイコン

Safety Drown Hand アイコンのよくある質問

Safety Drown Hand アイコンは商用利用でも無料ですか?

はい。Freehand color icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Safety Drown Hand アイコンを使うには?

@iconify/react をインストールして <Icon icon="streamline-freehand-color:safety-drown-hand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Safety Drown Hand アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-freehand-color/safety-drown-hand.svg" alt="Safety Drown Hand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Freehand color icons をすべて見る →