IconSearch logoIconsearch
Home/Libraries/Typicons (Iconify)/social-youtube-circular
← Back to Search
Typicons (Iconify)

SocialYoutubeCircular

License: CC-BY-SA-4.0


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M8.48 13.14h.73v3.61h.7v-3.61h.73v-.61H8.48zM12.17 16c-.12.14-.53.42-.53.02v-2.39h-.62v2.61c0 .79.79.58 1.16.17v.34h.62v-3.12h-.62V16zm2.31-2.39c-.36 0-.59.27-.59.27v-1.36h-.63v4.23h.63v-.24s.21.28.59.28c.33 0 .58-.29.58-.69v-1.73c0-.47-.22-.76-.58-.76m-.07 2.41c0 .23-.16.34-.37.25a.5.5 0 0 1-.15-.11v-1.94c.04-.04.09-.07.13-.1c.22-.11.39.06.39.29zm2.31-.16c0 .24-.13.4-.28.41c-.16.01-.32-.12-.32-.41v-.59h1.19v-.8a.9.9 0 0 0-.26-.66a.92.92 0 0 0-.63-.24c-.22 0-.45.07-.63.21c-.19.15-.31.38-.31.69v1.4c0 .28.09.5.23.66c.17.18.4.28.64.29c.29.01.6-.11.78-.36c.11-.15.18-.35.18-.59v-.16h-.59zm-.6-1.39c0-.17.1-.37.29-.37s.31.18.31.37v.32h-.6z"/><path fill="#818cf8" d="M12.97 3a9 9 0 1 0 .001 18.001A9 9 0 0 0 12.97 3m1.58 3.37h.8v2.68c0 .17.08.17.11.17c.12 0 .3-.13.39-.22V6.36h.8V9.9h-.8v-.31q-.165.15-.33.24c-.15.08-.29.11-.43.11a.52.52 0 0 1-.41-.17c-.09-.11-.13-.28-.13-.49zM12 7.3c0-.55.45-1 1-1s1 .45 1 1V9c0 .55-.45 1-1 1s-1-.45-1-1zM9.92 5.15l.48 1.76l.49-1.76h.91l-.94 2.78V9.9h-.89V7.93l-.96-2.78zm7.9 12.54c-.51.5-4.83.51-4.83.51s-4.31-.01-4.83-.51c-.51-.5-.51-2.99-.51-3.01c0-.01 0-2.5.51-3.01c.51-.5 4.83-.51 4.83-.51s4.31.01 4.83.51c.51.5.52 2.99.52 3.01c0 0 0 2.5-.52 3.01"/><path fill="#818cf8" d="M12.98 9.35c.17 0 .25-.1.26-.26v-1.9c0-.13-.13-.24-.25-.24s-.25.1-.25.24v1.9c0 .15.07.25.24.26"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. SocialYoutubeCircularIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Typicons (Iconify)

Browse all Typicons (Iconify) icons →
adjust-brightness
adjust-brightness
adjust-contrast
adjust-contrast
anchor
anchor
anchor-outline
anchor-outline
archive
archive
arrow-back
arrow-back
arrow-back-outline
arrow-back-outline
arrow-down
arrow-down
arrow-down-outline
arrow-down-outline
arrow-down-thick
arrow-down-thick
arrow-forward
arrow-forward
arrow-forward-outline
arrow-forward-outline