Edit and compile if you like:
% Author: Izaak Neutelings (March 2020)\documentclass[border=3pt,tikz]{standalone}\usepackage{amsmath} % for \dfrac\usepackage{physics}\usepackage{tikz,pgfplots}\usepackage{tikz-3dplot}\usepackage[outline]{contour} % glow around text\usetikzlibrary{angles,quotes} % for pic (angle labels)\usetikzlibrary{arrows,arrows.meta}\usetikzlibrary{calc}\usetikzlibrary{decorations.markings}\tikzset{>=latex} % for LaTeX arrow head\usepackage{xcolor}\colorlet{veccol}{green!45!black}\colorlet{Bcol}{violet!90}\colorlet{Bcol1}{violet!80!blue!90}\colorlet{Bcol2}{violet!80!red!90}\colorlet{BFcol}{red!60!black}\colorlet{veccol}{green!45!black}\colorlet{Icol}{blue!70!black}\tikzstyle{BField}=[->,thick,Bcol]\tikzstyle{current}=[->,Icol,thick]\tikzstyle{force}=[->,thick,BFcol]\tikzstyle{vector}=[->,thick,veccol]\tikzstyle{velocity}=[->,very thick,vcol]\tikzstyle{charge+}=[very thin,draw=black,top color=red!50,bottom color=red!90!black,shading angle=20,circle,inner sep=0.5]\tikzstyle{charge-}=[very thin,draw=black,top color=blue!50,bottom color=blue!80,shading angle=20,circle,inner sep=0.5]\tikzstyle{metal}=[top color=black!15,bottom color=black!25,middle color=black!20,shading angle=10]\tikzstyle{darkmetal}=[top color=black!40,bottom color=black!70,middle color=black!30,shading angle=10]\tikzset{BFieldLine/.style={thick,Bcol,decoration={markings,mark=at position #1 with {\arrow{latex}}},postaction={decorate}},BFieldLine/.default=0.5,pics/Bin/.style={code={\def\R{0.12}\draw[pic actions,line width=0.6,#1,fill=white] % ,thick(0,0) circle (\R) (-135:.75*\R) -- (45:.75*\R) (-45:.75*\R) -- (135:.75*\R);}},pics/Bout/.style={code={
Click to download: magnetic_field_wire_force.tex • magnetic_field_wire_force.pdf
Open in Overleaf: magnetic_field_wire_force.tex