ICONYZ
العربية
أيقونة Freedomdefined من SVG Logos

أيقونة Freedomdefined

logos:freedomdefined

أيقونة Freedomdefined (logos:freedomdefined) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 256 × 256. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
SVG Logos
المؤلف
Gil Barbara
الترخيص
CC0-1.0
الحجم
256 × 256
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGSVf1GdIE" x1="0%" x2="50%" y1="0%" y2="50%"><stop offset="0%" stop-color="#ff5959"/><stop offset="100%" stop-color="#df0000"/></linearGradient><linearGradient id="SVG7qlO4bBI" x1=".847%" x2="50.04%" y1="99.193%" y2="50%"><stop offset="0%" stop-color="#ffb73d"/><stop offset="100%" stop-color="#ffa000"/></linearGradient><linearGradient id="SVGrWSFFeTw" x1="92.819%" x2="50%" y1="92.819%" y2="50%"><stop offset="0%" stop-color="#fff18d"/><stop offset="100%" stop-color="#ffcd01"/></linearGradient><linearGradient id="SVGh2r5qc8e" x1="82.171%" x2="4.076%" y1="82.171%" y2="4.076%"><stop offset="0%" stop-color="#fff"/><stop offset="100%" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGQq6AR85I" x1="2.904%" x2="50%" y1="97.096%" y2="50%"><stop offset="0%" stop-color="#00a000" stop-opacity=".259"/><stop offset="100%" stop-color="green"/></linearGradient><linearGradient id="SVGMw1CeblH" x1="0%" x2="100%" y1="50%" y2="50%"><stop offset="0%" stop-color="#263cce"/><stop offset="100%" stop-color="#263cce" stop-opacity="0"/></linearGradient><linearGradient id="SVGKhpqgmGb" x1="50%" x2="-42.783%" y1="50%" y2="-3.568%"><stop offset="0%" stop-color="#652f99"/><stop offset="100%" stop-color="#502679" stop-opacity=".652"/></linearGradient></defs><path fill="url(#SVGSVf1GdIE)" d="M255.41 127.41c0 70.367-57.043 127.41-127.41 127.41S.59 197.777.59 127.41S57.633 0 128 0v127.41z"/><path fill="url(#SVG7qlO4bBI)" d="M128 236.619c-60.314 0-109.209-48.894-109.209-109.209C18.791 67.096 67.686 18.201 128 18.201s109.209 48.895 109.209 109.21H128z"/><path fill="url(#SVGrWSFFeTw)" d="M219.008 127.41c0 50.262-40.746 91.008-91.008 91.008s-91.007-40.746-91.007-91.008S77.74 36.403 128 36.403v91.007z" transform="matrix(-1 0 0 -1 256 254.82)"/><path fill="url(#SVGh2r5qc8e)" d="M128 54.605c40.21 0 72.806 32.596 72.806 72.806S168.209 200.216 128 200.216c-40.21 0-72.806-32.596-72.806-72.805H128z"/><path fill="url(#SVGQq6AR85I)" d="M182.605 127.41c0 30.157-24.448 54.604-54.605 54.604s-54.604-24.447-54.604-54.604S97.843 72.806 128 72.806v54.604z"/><path fill="url(#SVGMw1CeblH)" d="M128 164.541c-20.104 0-36.402-16.298-36.402-36.403S107.896 91.735 128 91.735s36.403 16.298 36.403 36.403H128z"/><path fill="url(#SVGKhpqgmGb)" d="M146.202 127.41a18.201 18.201 0 1 1-36.403 0a18.201 18.201 0 0 1 36.403 0" transform="matrix(-1 0 0 -1 256 254.82)"/></svg>

كيفية استخدام أيقونة Freedomdefined

React

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

<Icon icon="logos:freedomdefined" width="24" />

Vue

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

<template>
  <Icon icon="logos:freedomdefined" width="24" />
</template>

Svelte

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

<Icon icon="logos:freedomdefined" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--freedomdefined]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:freedomdefined"></div>

مكوّن ويب

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

<iconify-icon icon="logos:freedomdefined"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/logos/freedomdefined.svg" alt="أيقونة Freedomdefined" width="24" height="24">

الأسئلة الشائعة حول أيقونة Freedomdefined

هل أيقونة Freedomdefined مجانية للاستخدام التجاري؟

نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Freedomdefined في React؟

ثبّت @iconify/react واعرض <Icon icon="logos:freedomdefined" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Freedomdefined إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/freedomdefined.svg" alt="أيقونة Freedomdefined">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات SVG Logos →